TaskFlow is a powerful and intuitive web application designed to help users manage and organize their tasks efficiently. It provides a user-friendly interface to add, view, and manage to-do items, enhancing workflow organization and task tracking.
Explore TaskFlow’s clean and intuitive UI!
- Features
- Upcoming Features
- Tech Stack
- Setup Instructions
- Live Preview
- Acknowledgments
- Code of Conduct
- License
- Authors
- About Me
- Feedback
- Contribution Guidelines
- Add Tasks: Create new tasks with a title.
- View Tasks: Display a list of all tasks added by the user.
- Edit Tasks: Modify the details of existing tasks.
- Delete Tasks: Remove tasks that are no longer needed.
- Mark Tasks as Complete: Track progress by marking tasks as completed.
- Responsive Design: Optimized for both desktop and mobile devices.
- Login: Implementing a login page (email & Google OAuth) for user authentication.
- Multiple Lists: Allow users to create multiple lists such as work, home, and shopping.
- Add Date and Time: Enable users to connect specific dates and times with their tasks.
- List Segregation: Organize lists based on parameters like today, week, scheduled, afternoon, and tonight for better navigation.
- Tags: Allow each task to be tagged for easy search and categorization.
- Optional Description: Enable users to add optional descriptions to their tasks.
Currently Working on Feature User Authentication ContextProvider...
- Frontend: JavaScript, TypeScript, Next JS, HTML, CSS,
- Backend: Node.js, Express.js
- Database: MongoDB (MongoDB Atlas)
- Clone the Repository:
git clone https://github.com/rishabhgokhe/TaskFlow.git
- Navigate to Repository
cd TaskFlow - Install Node Modules
npm install
- Setup Environment Variables:
Create a.env.localfile in the root directory and add the following:
JWT_SECRET- is essential for generating login cookies
MONGODB_URI - required for add and fetching data
MONGODB_URI=<your-mongodb-connection-string> JWT_SECRET=<randomString> AUTH_GOOGLE_ID=<your-auth-google-id> AUTH_GOOGLE_SECRET=<your-auth-google-secret> - Run project and start Development
npm run dev
- Access the Application:
Open your browser and navigate to http://localhost:3000.
TaskFlow is live on Vercel: taskflow20.vercel.app
- Next.js for the Frontend Framework
- React for the Frontend Framework
- MongoDB for the database management system
- Node.js for the JavaScript runtime
- Express.js for the web application framework
We expect all participants in our community to adhere to our Code of Conduct. Please read the full text here.
This project is licensed under the Creative Commons Attribution-NonCommercial-ShareAlike 4.0 International (CC BY-NC-SA 4.0) license.
You are welcome to contribute via pull requests and issues, but commercial use, redistribution, or proprietary modifications are strictly prohibited without explicit permission.
For full license details, refer to the LICENSE file.
For licensing inquiries or permissions, please contact:
Contributions are welcome! Please follow these steps to contribute:
- Fork the repository.
- Create a new branch (
git checkout -b feature/your-feature). - Make your changes.
- Commit your changes (
git commit -am 'Add some feature'). - Push to the branch (
git push origin feature/your-feature). - Create a new Pull Request.
Hi there! 👋 I'm Rishabh Gokhe, the developer behind TaskFlow. I'm passionate about creating useful and user-friendly web applications that help people improve their productivity and organization. I'm always learning new technology...
Feel free to reach out if you have any questions, suggestions, or just want to chat about programming and technology. I'm always excited to connect with fellow developers and enthusiasts!
TaskFlow is a project born out of my desire to create a simple yet powerful tool for managing tasks. I believe that staying organized is key to success, and TaskFlow is designed to help users achieve just that.
If you have any feedback, please reach out to us at
Email Address : rishabhgokhe20contact@gmail.com