✅ To-Do App (MERN Stack)

This project started as a fun challenge inspired by a quick Instagram reel, and turned into a full-stack real-time to-do app using the MERN stack:
MongoDB, ExpressJS, ReactJS, NodeJS.

Now with:

• 🔒 User login system with password encryption
• 🔄 Real-time task sync using WebSockets (Socket.IO)
• ✅ Fully working CRUD operations
• 🌐 Hosted on Render

---

📌 Usage

Click on a task to mark it complete. Updates are broadcast in real-time to all connected users.

🖥️ Live Demo
👉 Open the App

📸 Preview

---

🧠 Features

• Add, complete, and delete tasks
• Login with encrypted password (bcrypt)
• Real-time updates across connected users (via Socket.IO)
• Clean React UI (built with Vite)
• Mobile-responsive design

---

🚀 Tech Stack

• Frontend: React + Vite + Axios + Socket.IO Client
• Backend: Node.js + Express + MongoDB + Socket.IO
• Authentication: Bcrypt password encryption + custom login system
• Deployment:
  • Server & Client: Render (Free Tier)

---

💡 Inspired By

Saw this quick UI flow on Instagram and decided to recreate it with some added backend features!
Also referenced this great resource:
🔗 roadmap.sh Task Tracker Project