This is a full-featured To-Do List web application built with React on the frontend and connected to a backend server for data persistence (can be PHP, Node.js, or any backend). Users can sign up, log in, and manage their personal task list with ease.
- User authentication (sign up & log in)
- Protected routes to restrict access without logging in
- Add, edit, delete, and mark tasks as complete
- Responsive UI built with Tailwind CSS
- Data stored in a backend (e.g., using API and database)
- Clean and modern design
- Easy to customize and extend
This project was bootstrapped with React.
📺 Watch the Project in Action 🔗 Full Playlist https://youtube.com/playlist?list=PLY9Q4Bh3uiPm3z8Ne30KFU19kGo_CyuQf
✅ Individual Videos:
Episode 1 – Project Intro & Setup https://youtu.be/DOYtArC1ti8
Episode 2 – Sign Up / Log In Functionality https://youtu.be/zzDFbbzfmf8?si=3VhGMqclp_YZ5T-u
Episode 3 – Dashboard Page with Add/Delete/Complete Features https://www.youtube.com/watch?v=DOYtArC1ti8
Download Full Dictory
Run npm install
It will install all dependencies
In the project directory, you can run:
Runs the app in the development mode.
Open http://localhost:3000 to view it in your browser.
The page will reload when you make changes.
You may also see any lint errors in the console.
Launches the test runner in the interactive watch mode.
Builds the app for production to the build folder.
It correctly bundles React in production mode and optimizes the build for the best performance.
The build is minified and the filenames include the hashes.
Your app is ready to be deployed!