This project, named "Whatapp", is a minimalist full-stack clone of the popular story-sharing platform Wattpad. It was developed with the primary goal of providing a comprehensive learning experience in full-stack web development. The application focuses on implementing core functionalities found in such platforms, allowing users to create, manage, and read stories, interact with authors and content through following, voting, and commenting.

The application is built using a modern full-stack architecture, leveraging robust and widely-used technologies.

Developing this full-stack application presented several learning opportunities and technical challenges. A significant challenge was establishing robust and secure user authentication and authorization across the frontend and backend, which was addressed by implementing 

. Another key area was managing complex relational data in 

, involving meticulous database schema design to handle interconnections between users, stories, chapters, comments, and reading lists. Integrating an external media storage solution like 

 required careful handling of file uploads via 

 and securely storing only the image URLs in the database, decoupling media storage from application data. The project also involved ensuring seamless communication between the React frontend and Node.js/Express backend through well-defined 

, covering CRUD operations and user interaction flows.

: This project demonstrates an intermediate level of complexity. It goes beyond basic single-technology applications by integrating a comprehensive full-stack setup including a modern frontend framework (React), a robust backend (Node.js/Express) with full authentication (JWT, bcrypt), a relational SQL Server database with a non-trivial data model, and an external cloud service (Cloudinary) for media management. While it doesn't delve into highly advanced topics like microservices, complex real-time features, or distributed systems, the breadth of technologies and integrated features positions it firmly in the intermediate category, offering a solid foundation in contemporary web development practices.

A full-stack minimalist Wattpad clone built to learn web development. Features story/chapter CRUD, reading, author following, voting, and commenting, powered by React, Node.js, Express, SQL Server, and Cloudinary.

Wattpad Clone - Whatapp

Project Details

Tech Stack

Tags

Comments