Skip to content

Latest commit

 

History

History
158 lines (110 loc) · 5.8 KB

README.md

File metadata and controls

158 lines (110 loc) · 5.8 KB
Raw

TaskFlow Banner

TaskFlow (To-Do List)

Description

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.

Table of Contents

✨ Features

  • 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.

🚀 Upcoming Features

  • 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

Currently Working on Feature (User Authentication)

I am currently working on User Login ContextProvider.

🛠️ Tech Stack

  • Frontend: HTML, CSS, JavaScript, TypeScript, Next JS
  • Backend: Node.js, Express.js
  • Database: MongoDB (MongoDB Atlas)

⚙️ Setup Instructions

Prerequisites

Installation

  1. Clone the Repository: 
    git clone https://github.com/rishabhgokhe/TaskFlow.git
  2. Navigate to Repository 
    cd TaskFlow
  3. Install Node Modules 
    npm install
  4. Setup Environment Variables:
    Create a .env.local file 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>
  5. Run project and start Development 
    npm run dev
  6. Access the Application:
    Open your browser and navigate to http://localhost:3000.

Future Enhancements

  • 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

Live Preview

TaskFlow is live on Vercel: taskflow20.vercel.app

Acknowledgments

  • 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

Code of Conduct

We expect all participants in our community to adhere to our Code of Conduct. Please read the full text here.

License

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 Email Me

Contribution Guidelines

Contributions are welcome! Please follow these steps to contribute:

  1. Fork the repository.
  2. Create a new branch (git checkout -b feature/your-feature).
  3. Make your changes.
  4. Commit your changes (git commit -am 'Add some feature').
  5. Push to the branch (git push origin feature/your-feature).
  6. Create a new Pull Request.

👨🏻‍💻 Authors

🚀 About Me

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!

My Vision

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.

Feedback

If you have any feedback, please reach out to us at Email Me