Task manager

📗 Table of Contents

• 📖 About the Project
  • 🛠 Built With
    • Tech Stack
    • Key Features
  • 🚀 Live Demo
• 💻 Getting Started
  • Setup
  • Prerequisites
  • Install
  • Usage
  • Run tests
  • Deployment
• 👥 Authors
• 🔭 Future Features
• 🤝 Contributing
• ⭐️ Show your support
• 🙏 Acknowledgements
• 📝 License

📖 [Task manager]

[Task manager] The task manager app is a user-friendly and efficient application designed to help users organize and track their tasks seamlessly. Users can easily create new tasks, specifying details such as title, description, assignees, color, image, and status.

The app also supports task editing for updates or modifications. Tasks are categorized based on their status, such as "To Do," "In Progress," and "Completed." This categorization allows users to prioritize and visualize their tasks at a glance.

Tasks can be assigned to specific individuals, and the app supports the inclusion of images for a more visual representation of tasks. Assignees and images provide additional context and personalization to each task.

The app incorporates drag-and-drop functionality, allowing users to seamlessly move tasks between different status categories. This feature enhances user experience and simplifies task organization.

Task data is persisted using the browser's LocalStorage, ensuring that users can access their tasks even after refreshing or reopening the app. This provides a seamless and persistent user experience.

The app includes form validation to ensure that users provide necessary information when creating or editing tasks. This helps maintain data integrity and consistency.

Redux is utilized for state management, enabling a centralized and predictable state container. This ensures data consistency and facilitates easy integration with React components.

Tasks are dynamically rendered based on their status, providing an organized and visually appealing display. Users can easily identify and interact with tasks in different categories.

🛠 Built With

Tech Stack

Client

• HTML/CSS/React/Redux

Database

• LocalStorage

(back to top)

Key Features

• [Task Creation]
• [Task Editing]
• [Drag and Drop]
• [Image Upload and Preview]
• [ Task Categorization ]
• [ LocalStorage Persistence ]
• [ Form Validation ]
• [ Redux State Management ]
• [ Dynamic Task Rendering ]
• [ User Dasboard ]

(back to top)

🚀 Live Demo

• Live Demo Link

🚀 Project Presentation

• Presentation Link

(back to top)

💻 Getting Started

Preriquisites

React Node

Setup

Clone this repository to your desired folder:

git clone https://github.com/ernestmusong/task-manager.git

Install:

Run: npm install

Fix Linters: Eslint:

Run: npx eslint "**/*.{js,jsx}" --fix

Fix Linters: Stylelint:

Run: npx stylelint "**/*.{css,scss}" --fix

Start:

Run: npm start

(back to top)

👥 Authors

👤 Musong Ernest

• GitHub: @ernestmusong
• Twitter: @MusongAkeh
• LinkedIn: Musong Ernest

(back to top)

🔭 Future Features

• [Add real backend]
• [Responsive Design]
• [Filter and Seach]
• [User signup and login]

(back to top)

🤝 Contributing

Contributions, issues, and feature requests are welcome!

Feel free to check the issues page.

(back to top)

⭐️ Show your support

If you like this project, give it a star please!

(back to top)

📝 License

This project is MIT licensed.

(back to top)