This is a basic React.js project that does not use any backend technologies like Node.js. The data is handled through localStorage, and all changes made (such as creating and managing tasks) are temporary—once the browser is closed, all changes will be lost.
This project was created for learning purposes only.
2025-01-20.20-34-10-002.mp4
- React.js - Frontend framework
- Tailwind CSS - Styling framework
- React Icons - Icon library
- YouTube Playlist: Watch Here
- Project Video Tutorial: Watch Here
A huge thank you to the following individuals and organizations for their tutorials and guidance:
- Sheryians Coding School - YouTube Channel
- Harsh Sharma (Bhaiya) - LinkedIn
- Sarthak Sharma - LinkedIn
- Create a new React project with Vite:
npm create vite@latest
- Install dependencies:
npm install -D tailwindcss postcss autoprefixer
- Initialize Tailwind CSS:
npx tailwindcss init -p
- Install additional libraries:
npm install react-icons
- Configure tailwind.config.js file:
content: [ "./index.html", "./src/**/*.{js,ts,jsx,tsx}", ],
- Start the development server:
npm run dev
- Email: admin1@gmail.com
- Password: Admin@123
| Name | Password | |
|---|---|---|
| Samir | samir12@gmail.com | Samir@1234 |
| Ananya | ananya@gmail.com | Ananya@1234 |
| Vikram | vikram@gmail.com | Vikram@1234 |
| Meera | meera12@outlook.com | Meera@1234 |
| Raj | raj123@yahoo.com | Raj@1234 |
This project is created for educational purposes only and is not intended for commercial use.
Feel free to fork, explore, and modify the project to enhance your learning experience!