This project is a full-stack task management application . It consists of two main dashboards: one for users and another for admins.
- Task Editing: Users can edit various aspects of their tasks, including priority, due dates, and titles.
- Task Completion: Users can update the completion status of their tasks.
- Task Management: Users have the ability to manage their tasks efficiently.
- User Management: Admins can perform operations related to user management, such as deletion and viewing user details.
- Task Management: Admins have full control over tasks, including adding, deleting, and updating them.
- Task Filtering: Admins can filter tasks based on different criteria.
- Task Sorting: Admins can sort tasks based on various parameters.
- Task Searching: Admins can search for specific tasks using keywords.
- Authentication: The application likely includes authentication mechanisms to ensure secure access to user and admin dashboards.
- Database Integration: It utilizes a database to store user information, task details, and other relevant data.
- Responsive Design: The application is designed to be responsive, ensuring a seamless user experience across different devices.
By incorporating these features and functionalities, the project aims to provide users and admins with a comprehensive task management solution.
Follow these steps to set up and run the project locally:
-
Clone the Repository: git clone <repository_url>
-
Install Dependencies: Navigate to the project directory and install the dependencies for both the client and server: cd client npm install cd server npm install
-
Start the Development Server: After installing the dependencies, start the development server for both the client and server: cd client npm start cd server npm start
-
Update API Configuration (if necessary): If the project uses external APIs or services, make sure to update the API configurations, such as ports or endpoints, to match your local environment.
-
Access the Application: Once the development servers are running, access the application by navigating to the specified port in your web browser.
-
Login to Admin Dashboard: Use the following credentials to access the admin dashboard:
- Admin Email: admin700@gmail.com
- Admin Password: admin
- Start Developing: You're now ready to start developing! Make any necessary changes or enhancements to the codebase, and the application will automatically reload with the updated changes.
-
Custom Hooks: Utilized custom hooks to fetch data from APIs, promoting code reusability and maintaining clean code practices.
-
Private Routes: Implemented conditional routing to restrict access to authenticated pages, enhancing security.
-
CRUD Operations: Enabled users to register, while admins could create, delete, and update tasks. Additionally, sorting functionality was provided for easier task management.
-
Search Functionality: Implemented a search feature in the admin dashboard to facilitate finding candidates by their username efficiently.
-
Responsive UI: Designed the application with a responsive user interface, ensuring compatibility across various devices and screen sizes.
-
Separate API Routes: Organized API routes into separate files to enhance code maintainability and improve code quality.
-
Password Decryption: Implemented bcryptjs for password decryption, enhancing security by ensuring that passwords remain encrypted even if the database is compromised.
These key features contribute to the functionality, usability, and security of the application, providing users with a seamless and secure experience.
#Thank you for reading