https://github.com/mahmud035/task-manager
TaskManager is a web application that can manage your task, like the Google Tasks app.
https://github.com/mahmud035/task-manager
context-api express-js mongodb-atlas node-js react-hook-form react-hooks react-router reactjs
Last synced: 2 months ago
JSON representation
TaskManager is a web application that can manage your task, like the Google Tasks app.
- Host: GitHub
- URL: https://github.com/mahmud035/task-manager
- Owner: mahmud035
- Created: 2022-12-27T08:38:30.000Z (over 3 years ago)
- Default Branch: main
- Last Pushed: 2024-10-11T18:04:56.000Z (over 1 year ago)
- Last Synced: 2025-03-15T21:47:10.175Z (over 1 year ago)
- Topics: context-api, express-js, mongodb-atlas, node-js, react-hook-form, react-hooks, react-router, reactjs
- Language: JavaScript
- Homepage: https://taskmanager-4eb39.web.app/
- Size: 1.27 MB
- Stars: 1
- Watchers: 2
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
## Welcome! 👋
#### Project Name: TaskManager
#### Live Website: TaskManager
### Description
TaskManager is a web application that can manage your task, like the Google Tasks app.
### Features and Functionality
- 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.
### Built with
- React v18
- React Router v6
- TanStack Query
- React Hook Form
- Firebase Authentication
- Node
- Express Js
- MongoDB
- JWT
- React Bootstrap
- AOS Animation
- Mobile-first workflow
### What I did
- Use React, React Router for build the project
- Use Firebase for client side authentication
- Use Node, Express, MongoDB for server side
- Create interactive UI
### What I learned
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.