Task Manager is a versatile task management application designed to help individuals and teams organize, prioritize, and track their tasks efficiently.
- Multi User Experience
- Task Creation: Easily create new tasks with titles, descriptions, and status.
- Task Editing: Update task details including title, description, and status as needed.
- Task Deletion: Remove tasks from the list when they are no longer relevant or necessary.
- Status-Based Filtering: Filter tasks based on their status, allowing users to focus on pending or completed tasks.
- Customizable Task Views: Customize task views based on priority, deadline, or any other criteria to suit individual preferences.
- Secure Data Management: Ensures the confidentiality and security of task data with robust data management protocols.
- Login/Signup Authentication: Users can create accounts, log in, and securely access their tasks with authentication features.
- Email-Remainder: User gets remainder before 5 minute of deadline.
- React: Frontend framework for building user interfaces.
- Ant Design with Chakra UI: UI component libraries for designing a modern and responsive UI.
- Redux: State management library for managing application state.
- Redux Thunk: Middleware for handling asynchronous actions in Redux.
- React Router DOM: Library for handling routing in React applications.
- Local Storage: Browser storage for storing user data locally.
- Responsive Pagination: Pagination component for navigating through lists of tasks on different devices.
- useSearchParams
- Responsive For Multiple Screens
- Nodemailer
frontend/
│
├── src/
│ ├── Components/
│ ├── Redux/
│ ├── App.js
│ ├── index.js
│ └── ...
│
└── README.md
- Node.js: JavaScript runtime for building scalable network applications.
- Express: Web application framework for Node.js for building APIs and handling HTTP requests.
- MongoDB: NoSQL database for storing task data.
- Email Validate: Library for validating email addresses.
backend/
│
│
│
├── Models/
│ ├── taskModel.js
│ └── ...
│
├── Router/
│ ├── taskRoutes.js
│ └── ...
│__index.js
- Clone the repository.
- Navigate to the frontend and backend directories separately.
- Install dependencies using
npm install. - Start the frontend and backend servers using
npm start. - Access the application via the provided URL.