Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/lucas-erkana/bag_to_do_list

Create a web-based to-do list application that allows users to add, delete, and prioritize tasks.
https://github.com/lucas-erkana/bag_to_do_list

Last synced: 5 days ago
JSON representation

Create a web-based to-do list application that allows users to add, delete, and prioritize tasks.

Awesome Lists containing this project

README

        

TodoGenius - Your Task Management Solution 🚀




# 📗 Table of Contents

- [📗 Table of Contents](#-table-of-contents)
- [ Task Genius App 🤘](#-about-project-)
- [Live Demo](#live-demo)
- [🛠 Built With ](#-built-with-)
- [Tech Stack ](#tech-stack-)
- [Key Features ](#key-features-)
- [💻 Getting Started ](#-getting-started-)
- [To get a local copy up and running, follow these steps.](#to-get-a-local-copy-up-and-running-follow-these-steps)
- [Prerequisites](#prerequisites)
- [Setup](#setup)
- [Install](#install)
- [👥 Authors ](#-authors-)
- [🔭 Future Features ](#-future-features-)
- [🤝 Contributing ](#-contributing-)
- [⭐️ Show your support ](#️-show-your-support-)
- [🙏 Acknowledgments ](#-acknowledgments-)
- [🙏 FAQ ](#-faq-)
- [📝 License ](#-license-)

# TodoGenius - Your Task Management Solution 🚀

This project is a Vue.js-based task management application designed to help users efficiently manage their tasks. Whether it's adding, editing, or removing tasks, TodoGenius offers a user-friendly interface that simplifies task organization. Users can categorize tasks for improved organization, and the app employs local storage to ensure task progress is saved, making it an excellent choice for enhancing productivity.

**Note**: This project was assigned by BAG as a task for completion.

### App Screenshot

![TodoGenius](https://github.com/Lucas-Erkana/bag_to_do_list/assets/41428579/c2be8142-73c5-46e2-990f-51628888b8c0)

## Live Demo

To see this project's live demo, please click [here](https://bag-to-do-list.vercel.app/).

## 🛠 Built With

This app was developed using the following technologies:

- JavaScript
- HTML5
- CSS3

### Tech Stack

Client

### Key Features

> - Add tasks with a user-friendly interface.
> - Organize tasks as 'Business' or 'Personal' for categorization.
> - Mark tasks as completed and visually distinguish them.
> - Delete unwanted tasks with ease.
> - Prioritize tasks by marking them as 'Important.'
> - Optionally sort or move important tasks to the top.
> - Edit the text of existing tasks (advanced feature).
> - Use categories or tags to filter and organize tasks (advanced feature).
> - Implement responsive design for usability on various devices (advanced feature).
> - Optionally persist tasks using local storage for continuity.

(back to top)

## 💻 Getting Started

## To get a local copy up and running, follow these steps.

### Prerequisites

In order to run this project you need:

- A Mac or PC
- A web browser such as Google Chrome
- A code editor such as Visual Studio Code with Git installed.

### Setup

To set up the TodoGenius-app project, follow the steps below:

1. Clone this repository to your desired folder:

```sh
git clone https://github.com/Lucas-Erkana/bag_to_do_list.git
```

2. Navigate into the cloned folder:

```sh
cd Bag_to_do_list
```

(back to top)

## 👥 Authors

👤 **Lucas Erkana**

- GitHub: [@Lucask-Erkana](https://github.com/Lucask-Erkana)
- Twitter: [@Lucas_David_22](https://twitter.com/@Lucas_David_22)
- LinkedIn: [Lucas Erkana](https://www.linkedin.com/in/lucas-erkana/)
- Frontend Mentor - [@Lucask-Erkana](https://www.frontendmentor.io/profile/Lucask-Erkana)

(back to top)

## 🔭 Future Features

- [ ] **Task Due Dates:** Implement the option to add due dates and times to tasks for better scheduling.
- [ ] **Task Collaboration:** Allow users to share tasks and collaborate on them with others.
- [ ] **Task Attachments:** Enable users to attach files or documents to tasks.
- [ ] **Task Notes:** Provide the ability to add detailed notes or descriptions to tasks.
- [ ] **Task Reminders:** Implement reminders or notifications for upcoming tasks.
- [ ] **Task Sharing:** Allow users to share tasks or to-do lists with others.
- [ ] **User Accounts:** Create user accounts with profiles for more personalized task management.
- [ ] **Data Analytics:** Add insights and analytics to help users track their productivity and task completion trends.
- [ ] **Task Priority Levels:** Introduce multiple priority levels (e.g., high, medium, low) for tasks.
- [ ] **Dark Mode:** Implement a dark mode option for users who prefer a darker interface.

(back to top)

## 🤝 Contributing

Contributions, issues, and feature requests are welcome!

Feel free to check the [issues page](https://github.com/Lucas-Erkana/bag_to_do_list/issues).

(back to top)

## ⭐️ Show your support

If you like this project, please leave a ⭐️

(back to top)

## 🙏 Acknowledgments

- I would like to express my heartfelt gratitude to [BAG](https://bag.wrk) for providing me with the opportunity to complete this task. Their support and encouragement have been invaluable throughout the development process.

(back to top)

## ❓ FAQ (OPTIONAL)

> Add at least 2 questions new developers would ask when they decide to use your project.

- **How do I run the task management app locally on my computer?**

- To run the task management app locally, you'll need to follow these steps:
1. Clone the project repository to your local machine using Git.
2. Navigate to the project folder in your terminal.
3. Install any necessary dependencies using a package manager like npm or yarn.
4. Start a development server to run the app locally.
5. Access the app in your web browser at the specified local address (e.g., http://localhost:3000).

- **Is there documentation available for customizing and extending the app's functionality?**

- Yes, we provide documentation on how to customize and extend the app to meet your specific needs. You can find detailed guides and examples in the project's documentation folder. We also encourage you to explore the codebase, as it's well-organized and commented to help you understand how different parts of the app work. If you have specific questions or need further assistance, feel free to reach out to our community forum or support team.

(back to top)

## 📝 License

This project is [MIT](./LICENSE) licensed.

(back to top)