This is a simple Todo application built using React, Vite, TypeScript for the frontend and Node.js for the backend. The app allows users to sign up, log in, and manage their todos.
Live Demo: https://todo-app-react-vite-ts.vercel.app/
- User Authentication (Sign Up, Sign In, Logout)
- Add, Edit, Delete Todos
- Protected Routes
- Responsive Design
Make sure you have the following installed:
-
Clone the repository:
git clone https://github.com/your-username/todo-app-node-backend.git cd todo-app
-
Install Dependencies in both Server and Client folders
npm install
-
Setup environmental variables for Backend
DATABASE_URL SUPABASE_URL SUPABASE_ANON_KEY JWT_SECRET
-
Run the Project In server:
npm run start
In client:
npm run dev
-
Goto http://localhost:5173 in browser
Sign Up: Create a new account by providing an email and password. Sign In: Log in with your email and password. Add Todo: Use the input field to add a new todo. Edit Todo: Click the "Edit" button next to a todo, modify the task, and click "Save". Delete Todo: Click the "Delete" button next to a todo to remove it.