📝 Web Development Project

This is a full-stack To-Do Social App created as my personal project. The app allows users to manage daily tasks and share completed ones — combining productivity with social interaction.

🔗 Live Demo: https://web-development-project-1.onrender.com/

---

🚀 Features

• ✅ Create, edit, delete tasks
• 🌐 Share completed tasks publicly
• ❤️ Like others' shared tasks
• 🔐 User authentication with JWT
• 💾 MongoDB-based persistence
• 📱 Responsive design for all devices

---

🛠️ Tech Stack

Frontend:

• React.js
• HTML/CSS/JavaScript
• Chakra UI

Backend:

• Node.js
• Express.js

Database:

• MongoDB (via Mongoose)

---

⚙️ Getting Started

1. Clone the repository

git clone https://github.com/MahanNoosh/Web-Development-project.git
cd Web-Development-project

2. Install dependencies

cd server
npm install

cd ../frontend
npm install

3. Run the project

Start backend and frontend dev server:

npm run dev

Frontend development only:

cd ./frontend
npm run dev

Start production server:

npm start

Build frontend for deployment:

npm run build

---

🧠 What I Learned

• Building a MERN stack app from scratch
• REST API design and integration
• JWT-based user auth
• State management in React
• Deployment using Render
• Creating responsive UIs

---

🤝 Contributions

This project was made for learning and academic purposes. Feel free to fork and explore the code!