Skip to content
generated from addy118/webpack-js

List your sub-steps to complete your project and get started on it by keeping a close track on 'em!!

Notifications You must be signed in to change notification settings

addy118/task-flow

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

74 Commits
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

📝 Task Flow Web-App

🚀 Overview

Task Flow is a feature-rich task management application built with Vanilla JavaScript. It follows object-oriented programming (OOP) principles and separation of concerns for a clean, maintainable codebase. This app allows users to organize tasks into projects, ensuring a structured and productive workflow.


✨ Features

  • User Management:

    • Editable user name for a personalized experience.
    • Manage multiple projects for efficient task organization.
  • Projects:

    • Organize tasks into groupings of similar to-dos.
    • Default General project provided for quick task management.
  • Task Modals:

    • Create New Project: Add new categories to organize to-dos.
    • Create New To-Do: Quickly add tasks within any project.
    • Rename User: Edit the user's name for a personalized touch.
    • View To-Do Details: Open a detailed view of tasks to see additional information.
  • Dates:

    • Input dates using a date-picker.
    • Display task deadlines for better productivity.
  • Local Storage Integration:

    • Retains user data, including to-do lists, projects, and user settings, between sessions.

🛠️ Technical Details

  • Object-Oriented Programming (OOP):
    • Built with OOP principles for modularity and maintainability.
  • Separation of Concerns:
    • Logic is carefully separated to enhance readability and manageability.
  • Local Storage:
    • Ensures persistence of user data across sessions.

🌟 Setup

  1. Clone the Repository:

    git clone https://github.com/addy118/todo-list.git
    cd todo-list
  2. Run the Application:

    Open index.html in your favorite browser.


🎯 How to Use

  1. Create Projects:

    • Use the "Create New Project" modal to add categories for tasks.
  2. Add To-Dos:

    • Quickly create tasks in your desired project using the "Create New To-Do" modal.
  3. View Task Details:

    • Click on any to-do to open a detailed view.
  4. Edit User Name:

    • Update your name using the "Rename User" modal for a personalized touch.
  5. Track Deadlines:

    • Use the date-picker to set deadlines and view them alongside your tasks.

🤝 Contributing

Contributions are welcome! Feel free to fork the repository and submit a pull request.

  1. Fork the Project.
  2. Create your Feature Branch: git checkout -b feature/amazing_feature.
  3. Commit your Changes: git commit -m 'Add some amazing_feature'.
  4. Push to the Branch: git push origin feature/amazing_feature.
  5. Open a Pull Request.

🤝 Acknowledgments

  • Built using Vanilla JavaScript with a focus on maintainable and scalable code design.
  • Inspired by productivity apps to enhance task management efficiency.

📧 Contact

If you have any questions, feel free to reach out:

About

List your sub-steps to complete your project and get started on it by keeping a close track on 'em!!

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published