Live Website: TaskManager
TaskManager is a web application that can manage your task, like the Google Tasks app.
- Implement firebase authentication for registration and login.
- First of all, users need to log in or register their accounts.
- Created four routes: Add Task, My Tasks, Completed Tasks & Incompleted Tasks.
- Users can add a task description with an image. After pressing the submit button, it will show on the UI.
- Users can edit or delete their tasks.
- Users can see their task status: In Progress or Completed.
- When a task is completed, users can check to mark it.
- After completing a task, users can add their comments about it, which may help them justify the task in the future.
- React v18
- React Router v6
- TanStack Query
- React Hook Form
- Firebase Authentication
- Node
- Express Js
- MongoDB
- JWT
- React Bootstrap
- AOS Animation
- Mobile-first workflow
- Use React, React Router for build the project
- Use Firebase for client side authentication
- Use Node, Express, MongoDB for server side
- Create interactive UI
While doing this project gave me a fresh overview of basic react, react-router, react-toasty, Firebase Authentication, Node, Express js, MongoDB and much more. Specially Mongodb CRUD operation. Now I have enough understanding about these topics and I am confident about it.