https://github.com/machinelearningprodigy/madifytech
MadifyTech is a user-friendly To-Do List App 📝 built with React.js, Node.js, and MongoDB. It allows users to add, complete, delete, and filter tasks effortlessly. With a clean UI and SweetAlert2 notifications, task management becomes seamless! 🚀
https://github.com/machinelearningprodigy/madifytech
json react todolist vercel-deployment
Last synced: 5 months ago
JSON representation
MadifyTech is a user-friendly To-Do List App 📝 built with React.js, Node.js, and MongoDB. It allows users to add, complete, delete, and filter tasks effortlessly. With a clean UI and SweetAlert2 notifications, task management becomes seamless! 🚀
- Host: GitHub
- URL: https://github.com/machinelearningprodigy/madifytech
- Owner: machinelearningprodigy
- Created: 2025-01-27T09:02:40.000Z (about 1 year ago)
- Default Branch: main
- Last Pushed: 2025-02-22T10:30:32.000Z (12 months ago)
- Last Synced: 2025-04-13T15:42:34.259Z (10 months ago)
- Topics: json, react, todolist, vercel-deployment
- Language: JavaScript
- Homepage: https://madify-tech.vercel.app
- Size: 180 KB
- Stars: 2
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# MadifyTech 🛠️🚀
MadifyTech is a simple and interactive **To-Do List App** 📝 built using **React.js** with an Express.js & MongoDB backend. This project was assigned to me as part of my selection process for **Madify**.
## 🌟 Features
✅ **Add Tasks** – Quickly add new tasks to your to-do list.
✅ **Mark as Complete** – Toggle tasks between completed and pending states.
✅ **Delete Tasks** – Remove unwanted tasks with a single click.
✅ **Filter Tasks** – View all, completed, or pending tasks.
✅ **User-Friendly UI** – Clean and responsive design.
✅ **SweetAlert2 Integration** – Beautiful pop-up notifications for a great user experience.
## 🛠️ Tech Stack
- **Frontend:** React.js ⚛️, Lucide-React Icons 🖼️, SweetAlert2 🎉
- **Backend:** Node.js 🌿, Express.js 🚀, MongoDB 🍃
- **API Handling:** Axios 🌐
## 🎯 Installation & Setup
### 1️⃣ Clone the Repository
```bash
git clone https://github.com/machinelearningprodigy/MadifyTech.git
cd MadifyTech
```
### 2️⃣ Install Dependencies
```bash
npm install
```
### 3️⃣ Start the Development Server
```bash
npm start
```
The app will be available at **http://localhost:3000/** 🌍
## 🔗 API Endpoints
MadifyTech communicates with a backend hosted on **Render**. Below are the key API endpoints:
- **GET /tasks** – Fetch all tasks 📝
- **POST /tasks** – Add a new task ➕
- **PUT /tasks/:id** – Update task completion ✅
- **DELETE /tasks/:id** – Remove a task 🗑️
## 📸 Screenshots
🚀 ****
## 📜 License
This project is licensed under the MIT License. 📝
## 👨💻 Author
Developed by **Rahul Mishra** 🚀
---
Enjoy using **MadifyTech**! 🎯🚀