ZenList - ToDo App

A ToDo App built with React + Vite for the frontend and MongoDB as the database. This app provides a simple and efficient way to manage daily tasks with full CRUD (Create, Read, Update, Delete) operations.

🚀 Features

• Add, edit, and delete tasks
• Mark tasks as completed
• Filter tasks by status (Pending, Completed)
• Responsive UI with modern design
• Fast performance using Vite

📚 Key Learnings

• Building a full-stack CRUD application
• Using React with Vite for optimized performance
• Managing state using React hooks
• Connecting React frontend with MongoDB backend
• Deploying a MERN stack app

🛠️ Tech Stack

• Frontend: React, Vite, Tailwind CSS
• Backend: Node.js, Express.js
• Database: MongoDB (Mongoose for ORM)
• State Management: React Hooks / Context API

📸 Project Visuals

⚙️ How to Run Locally

Prerequisites

• Node.js installed
• MongoDB set up locally or on MongoDB Atlas
• Environment variables configured (.env)

Steps

1. Clone the repository

   git clone https://github.com/theayushgupta08/ToDoList.git
   cd ToDoList

2. Install dependencies

   npm install

3. Set up environment variables (create .env file and add necessary keys)

   MONGO_URI=your_mongodb_connection_string
   PORT=5000

4. Run the frontend

   npm run dev

   The app will be available at http://localhost:5173

🤝 Contributing

Feel free to submit issues or pull requests to improve ZenList!

📜 License

This project is open-source and available under the MIT License.