Todo App

A React + Node todo app with scheduled due times, reminder popups, and clear task outcomes.

Project Structure

• frontend/ - React + Vite UI
• backend/ - Express API

Features

• Create tasks with a date and time
• Show a popup when a task is due
• Mark tasks as completed or missed from the popup
• Auto-miss a task if the popup is ignored
• Delete tasks that are no longer needed
• Stronger visual hierarchy for due, pending, completed, and missed tasks

Run It

Backend

cd backend
npm install
npm run dev

The backend runs on http://localhost:3001.

Frontend

cd frontend
npm install
npm run dev

The frontend runs on http://localhost:5173 and proxies API calls to the backend.

API

• GET /api/todos
• POST /api/todos
• PATCH /api/todos/:id
• DELETE /api/todos/:id

PROMPT USED

• 1. i want to create todo app using react as frontend and node for backend. make design clean, readable and tasks stand out to user's which they listed. create saperate backend and frontend folder's.
• 2. make this app time and date based; like user can insert time and date for that task and then when that time hits it just show's pop up to user and then based on user interaction it gets updated like if that task is performed on time by user it nots as completed and if not opened then task is missed something like that. also user can also delete task which aren't neccessary anymore. and make design more stylish and unique