SyncScribe is a real-time collaborative document editor built with React.js, Node.js, Express, MongoDB, and AWS S3. It allows users to create, edit, and manage documents securely in the cloud with real-time synchronization.
π Features
βοΈ Create & Edit Documents β Write and edit text with live autosave.
π Real-time Sync β Multiple users can edit the same document simultaneously.
βοΈ Cloud Storage β All documents are safely stored in AWS S3.
π€ User Authentication β Secure login and signup using JWT.
π Logout Functionality β Users can securely log out of their account.
π Dashboard β View and manage all your documents in one place.
π Tech Stack
Frontend: React.js, Axios, Tailwind CSS
Backend: Node.js, Express.js
Database: MongoDB
Cloud Storage: AWS S3
Authentication: JWT + Cookies
π Project Structure
CLOUD DOC EDITOR/
β
βββ backend/
β βββ config/ # DB & AWS config
β βββ models/ # Mongoose models (User, Document)
β βββ routes/ # API routes
β βββ server.js # Express server
β
βββ frontend/
β βββ src/
β β βββ components/ # Editor, Auth UI
β β βββ pages/ # Login, Signup, Dashboard
β β βββ App.js
β
βββ README.md
π Authentication & Logout
Users can sign up and log in.
Session is managed with JWT tokens stored in cookies.
A dedicated Logout API allows users to securely end their session.
-
Clone the repository git clone https://github.com/your-username/syncscribe.git cd syncscribe
-
Setup Backend cd backend npm install npm run dev
-
Setup Frontend cd frontend npm install npm start
-
Environment Variables
Create .env in backend/ with:
MONGO_URI=your_mongodb_uri JWT_SECRET=your_secret_key AWS_ACCESS_KEY=your_aws_key AWS_SECRET_KEY=your_aws_secret AWS_REGION=your_region S3_BUCKET_NAME=your_bucket
π Future Improvements
Rich text formatting (bold, italic, underline).
Role-based permissions.
Version history of documents.
Live chat while editing.
Author Riya Chaturvedi