DoHub is a feature-rich, web-based to-do list application designed to help you stay organized and productive. Whether you're managing simple tasks or complex projects, DoHub provides the tools you need to prioritize and track your progress efficiently.
- Add, Delete, and Toggle Tasks: Seamlessly manage your tasks and toggle their status between completed and not completed.
- Task Details: Assign descriptions, priorities, and deadlines to each task for better organization.
- Subtasks: Create subtasks for your main tasks and track progress with an integrated progress bar.
- Custom Tags: Add tags to tasks for categorization.
- Filter by Tags: Quickly view tasks associated with specific tags.
- Login and Sign-Up: Securely log in or create an account to synchronize your tasks across devices.
- JWT (JSON Web Tokens): Used for secure authentication and session management.
- bcrypt: Ensures password hashing for enhanced security.
- Light/Dark Themes: Switch between light and dark modes to suit your preferences.
- Mobile and Desktop Friendly: Enjoy a seamless experience on any device.
- Users can add contributers to their tasks and edit them together in real time
- React: For building an interactive and dynamic user interface.
- Tailwind CSS: For efficient and responsive styling.
- Node.js: To handle server-side operations and APIs.
- MySQL: For robust and scalable data storage.
- Node.js: Ensure you have Node.js installed.
- MySQL: A running MySQL instance is required.
-
Clone the repository:
git clone https://github.com/your-username/DoHub.git cd DoHub -
Install dependencies:
npm install
-
Configure the environment:
- Set up a
.envfile in the backend with the following details:DB_HOST=localhost DB_USER=root DB_PASSWORD= DB_NAME=toDoApp
- Set up a
-
Run the backend server:
npm run dev
-
Start the frontend:
npm start
-
Open your browser and navigate to:
http://localhost:3000
video.mp4
 |
 |
|---|---|
 |
|
 |
 |
 |
 |