TaskFlow is a powerful and intuitive web application designed to help users manage and organize their tasks efficiently. It offers a user-friendly interface to add, view, and manage to-do items, enhancing workflow organization and task tracking.
- Features
- Upcoming Features
- Tech Stack
- Setup Instructions
- Future Enhancements
- 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.
Track all development and features on our TaskFlow Development
I am currently working on User Login ContextProvider.
- Frontend: HTML, CSS, JavaScript, TypeScript, Next JS
- 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.
- Implement user authentication for personalized task lists.
- Add due dates and priority levels for tasks.
- Provide notifications and reminders for upcoming tasks.
- Major Design and UI Improvement
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 proprietary and not open for public use. All rights are reserved by Rishabh Gokhe. For inquiries regarding the licensing of this software, please contact: rishabhgokhe@gmail.com
Ready to collaborate and improve your task management experience? Contact me at
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