Taskify is a fullstack CRUD application that lets users create, edit, delete, and track tasks with completion status. Built using React, Tailwind CSS, Express.js, and MongoDB Atlas, it's a clean and minimal productivity app ideal for showcasing MERN stack skills.
- ✅ Create new tasks with title & description
- ✅ Mark tasks as completed (checkbox)
- ✅ Edit and update existing tasks
- ✅ Delete tasks with one click
- ✅ Beautiful, responsive UI with Tailwind
- ✅ Toast notifications for feedback
- ✅ RESTful API (MongoDB + Express)
Frontend
- React
- React Router DOM
- Tailwind CSS
- React Toastify
Backend
- Express.js
- MongoDB Atlas
- Mongoose
- CORS + dotenv
taskify-frontend/
├── src/
│ ├── components/ # Reusable UI components
│ ├── pages/ # Route-level pages (Home, AddTask, EditTask)
│ ├── hooks/ # Custom hook (useTaskForm)
│ └── App.jsx
taskify-api/
├── models/
├── routes/
├── server.js
- 👨💻 Portfolio: impritam.com
- 💼 All Projects: projects.impritam.com
This project is built as a solo showcase app, but feel free to fork, clone, and improve!