Skip to content

README.md

Latest commit

 

History

History
102 lines (79 loc) · 2.2 KB

README.md

File metadata and controls

102 lines (79 loc) · 2.2 KB

📝 Todo List App

A full-stack Todo List app where you can add tasks, mark them as completed or pending, filter, search, and paginate them.

🛠️ Tech Stack

  • Frontend: React, Axios, Material UI
  • Backend: Node.js, Express
  • Database: MongoDB, Mongoose

📁 Project Structure

Todo-Task/
├── backend/
│   ├── src/
│   │   ├── common/
│   │   ├── config/
│   │   ├── controllers/
│   │   ├── middlewares/
│   │   ├── models/
│   │   ├── routes/
│   │   └── validation/
│   ├── app.js
│   ├── server.js
│   ├── .env
│   └── package.json
│
├── frontend/
│   ├── public/
│   ├── src/
│   │   ├── api/
│   │   ├── assets/
│   │   ├── App.css
│   │   ├── App.jsx
│   │   ├── index.css
│   │   └── main.jsx
│   ├── .gitignore
│   ├── eslint.config.js
│   ├── index.html
│   └── package.json
│
├── .gitignore
└── README.md

⚙️ How to Run

1. Clone the Repository

git clone https://github.com/OptimityLogics/Todo-Task
cd Todo-Task

2. Backend

cd backend
npm install
npm run dev

3. Frontend

cd frontend
npm install
npm run dev

Open http://localhost:5173 in your browser.

Make sure MongoDB is running locally before starting the backend.

📡 API Endpoints

Method Endpoint Description
GET /tasks/all Fetch all tasks (supports page, limit, search query params)
POST /tasks/create Create a new task
PUT /tasks/update/:id Toggle task status (completed ↔ pending)
GET /tasks/all/:status Filter tasks by completed or pending

✨ Features

  • Add new tasks
  • Toggle task status using a checkbox
  • Filter tasks — All, Completed, Pending
  • 🔍 Search tasks by title
  • 📄 Pagination to browse tasks page by page
  • Frontend syncs with backend on every action