This is a full-featured Todo List Web Application powered by the MERN stack with secure Google Authentication using Firebase. Users can easily perform CRUD actions on their tasks and visualize activity using a clean and modern UI.
| Category | Technology |
|---|---|
| Frontend | React, Tailwind CSS, Vercel |
| Backend | Node.js, Express.js, Render |
| Database | MongoDB Atlas |
| Auth | Firebase Google OAuth |
| Utilities | axios, uuidv4, js-cookie |
- 🔐 Google Sign-In & protected routes
- ✅ Add, edit, complete, and delete todos
- 📊 Progress indicator & statistics
- 🌐 Fully deployed (Frontend + Backend)
- 📱 Mobile responsive & clean UI
# 1. Clone the repo
git clone https://github.com/YOUR_USERNAME/Todo-List.git
cd Todo-List
# 2. Setup backend
cd backend
npm install
# configure .env with MONGODB_URI and PORT
npm start
# 3. Setup frontend
cd ../frontend
npm install
npm run devBackend (.env):
MONGODB_URI = your_mongodb_url
PORT=5000
Frontend (.env):
VITE_FIREBASE_API_KEY=yourkey
VITE_FIREBASE_AUTH_DOMAIN=yourdomain
...
.
├── backend
│ ├── server.js
│ ├── routes/
│ └── models/
└── frontend
├── src/
│ ├── components/
│ ├── pages/
└── App.jsx
Made with ❤️ by Kokatam Janardhan Reddy
Feel free to connect with me on GitHub • LinkedIn
If you like this project, don’t forget to star the repository 🌟 and share it with your friends!