A simple and efficient web application to manage your daily tasks.
This TodoList App lets you add, delete, and track your tasks with a clean and user-friendly interface — helping you stay organized and productive.
🔗 Live Demo: TodoList App
- ➕ Add Tasks – Quickly add new tasks to your list.
- ✅ Mark as Complete – Keep track of completed tasks.
- ❌ Delete Tasks – Remove completed or unnecessary tasks.
- 🎨 User-Friendly Interface – Clean and intuitive design.
- 📱 Responsive – Works across devices.
- ⚡ Fast & Lightweight – Minimal setup, smooth performance.
This project is built using the MERN stack with modern frontend tooling:
- MongoDB – NoSQL database to store tasks
- Express.js – Backend framework for building the REST API
- React.js – Frontend library for building the UI
- Node.js – JavaScript runtime for server-side logic
- Redux Toolkit (RTK Query) – State management & efficient API data fetching
- Tailwind CSS – Utility-first CSS framework for responsive design
Other tools:
- Render – Hosting & deployment platform
Follow these steps to run the project locally.
Make sure you have the following installed:
- Node.js (if using npm/yarn for dependencies)
- Git
# Clone the repository
git clone https://github.com/Popie52/TodoList.git
# Navigate into the project folder
cd TodoList
# Install dependencies (if package.json exists)
npm install
# Start the application
npm start
Now open your browser at http://localhost:3000 (or whichever port is specified).
---
📖 Usage
Add a Task – Type in the input field and press Enter or click Add.
Mark Complete – Click the checkbox to mark it as done.
Delete – Remove unwanted tasks with the delete button.
---
🤝 Contributing
Contributions are always welcome!
1. Fork the repo
2. Create a feature branch
git checkout -b feature/AmazingFeature
3. Commit changes
git commit -m "Add some AmazingFeature"
4. Push to your branch
git push origin feature/AmazingFeature
5. Open a Pull Request
---
📜 License
This project is licensed under the MIT License – see the LICENSE file for details.
---
📧 Contact
Author: Popie52
Email: popiesailor@gmail.com
Project Link: https://github.com/Popie52/TodoList
---