Collaborative Notepad

published
about 1 month ago
Project Screenshot
Collaborative Notepad

Project Overview

A real-time collaborative notepad that allows users to create, edit, and share notes seamlessly with multiple users. The platform supports user registration, authentication, and secure sharing so teams can work together on the same document without interruptions.

Project Details

This project demonstrates my ability to design and implement a full-stack application with real-time synchronization, scalable backend services, and a responsive frontend experience.

๐Ÿ”ง Tech Stack

  • Frontend: React.js, Tailwind CSS

  • Backend: Express.js, WebSocket, Redis, PostgreSQL

  • Architecture: Frontend and backend implemented separately for modularity and scalability

๐Ÿš€ Key Features

  • User Authentication โ€“ Register and log in securely to manage personal notepads

  • Real-Time Collaboration โ€“ Multiple users can edit the same notepad simultaneously using WebSocket

  • Shareable Notes โ€“ Invite and collaborate with other users via note sharing

  • Persistent Storage โ€“ Notes and user data stored in PostgreSQL for reliability

  • Optimized Performance โ€“ Redis caching improves response times for active sessions

๐ŸŒŸ My Contribution

I designed and developed both the frontend and backend from scratch, ensuring seamless integration between the UI and server, along with setting up WebSocket-based synchronization for real-time editing.

Technologies Used
Express.js
WebSocket
Redis
PostgreSQ
React.js
Tailwind CSS
Project Links
View the live demo or check out the source code