Tech Stack
Writly started from a simple curiosity to understand how frontend and backend work together in a real-world application. What began as a learning project gradually evolved into a complete full-stack social media platform.The main idea was to explore how user interactions, data flow, and system design come together to build a scalable and interactive application.
Writly is a full-stack social media application that allows users to create, share, and interact with content on a single platform. Users can create posts, upload images, like, comment, and connect with others seamlessly.
The frontend is built using React with TypeScript, providing a type-safe and component-based architecture for building dynamic user interfaces. Zustand is used for efficient global state management, helping manage authentication state, post data, and UI updates in a predictable way. Tailwind CSS is used to design a clean, responsive, and mobile-first interface, allowing rapid UI development with consistency across the application.
On the backend, Node.js and Express are used to build RESTful APIs that handle authentication, post creation, user interactions, and business logic. The API layer is structured to ensure smooth communication between client and server, handling requests, responses, and error management efficiently.JWT is implemented for secure authentication and authorization, enabling protected routes and maintaining user sessions without exposing sensitive data. This ensures that only authenticated users can perform actions like creating posts, liking, or commenting.
For data management, MongoDB is used as a NoSQL database to store users, posts, comments, and relationships in a flexible schema. Mongoose is used as an ODM to define schemas, enforce validation, and simplify database operations, making the backend more structured and maintainable.Cloudinary is integrated for handling image uploads, storage, and optimization. It allows efficient media management by compressing and delivering images quickly, which is essential for a content-driven platform like Writly. The project also focuses on handling asynchronous operations, API integration, and real-time-like user interactions, ensuring a smooth and engaging experience. Proper error handling, data validation, and clean code practices are followed to make the system reliable and scalable.
Built with a modern tech stack, Writly focuses on performance, scalability, and clean architecture, making it a strong learning-based real-world application.
In short, Writly represents the journey of understanding and building a complete full-stack system — from designing responsive frontend interfaces to developing scalable backend APIs and managing real-world data flow .