Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/lucas-erkana/todogenius-app
The Vue.js project is a lightweight and efficient todo app for managing tasks. Users can add, edit, and remove tasks with ease while categorizing them for better organization. The app leverages local storage to save progress, making it an ideal solution for streamlining productivity.
https://github.com/lucas-erkana/todogenius-app
css html5 javascript vue
Last synced: 19 days ago
JSON representation
The Vue.js project is a lightweight and efficient todo app for managing tasks. Users can add, edit, and remove tasks with ease while categorizing them for better organization. The app leverages local storage to save progress, making it an ideal solution for streamlining productivity.
- Host: GitHub
- URL: https://github.com/lucas-erkana/todogenius-app
- Owner: Lucas-Erkana
- License: mit
- Created: 2023-01-16T10:38:14.000Z (almost 2 years ago)
- Default Branch: develop
- Last Pushed: 2023-08-26T07:21:41.000Z (about 1 year ago)
- Last Synced: 2024-10-12T09:49:08.984Z (about 1 month ago)
- Topics: css, html5, javascript, vue
- Language: CSS
- Homepage: https://todo-app-lucash2022.vercel.app
- Size: 16.9 MB
- Stars: 11
- Watchers: 1
- Forks: 0
- Open Issues: 1
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
Task Genius App 🤘
# 📗 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-)
The Vue.js project is a lightweight and efficient todo app for managing tasks. Users can add, edit, and remove tasks with ease while categorizing them for better organization. The app leverages local storage to save progress, making it an ideal solution for streamlining productivity.
### App Screenshot
## Live Demo
To see this project's live demo, please click [here](https://todo-genius-app.vercel.app/).
This app is built with Vue.js, Javascript, HTML5, and CSS3.
### Tech Stack
Client
> - Add User name
> - Add task
> - Choose Business or Personal
> - Choose completed task
> - Delete task
## To get a local copy up and running, follow these steps.
### Prerequisites
In order to run this project you need:
- A Mac or PC
- NPM (Node Package Manager) installed on your machine
- Understanding of Vue.js
- A web browser such as Google Chrome
- A code editor such as Visual Studio Code with Git and Node.js installed.
I apologize for any confusion. Here's an updated example with the correct information:
### 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/TodoGenius-app.git
```
2. Navigate into the cloned folder:
```sh
cd TodoGenius-app
```
### Install
1. Install the dependencies with NPM:
```sh
npm install
```
### Run
1. Start the development server with:
```sh
npm run dev
```
After running the `npm run dev` command, the development server will start, and you can access the TodoGenius-app by navigating to `http://localhost:5173` in your web browser.
👤 **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)
- [ ] **Add option to add a time and date**
- [ ] **Edit current list of tasks**
- [ ] **Sort according to task**
- [ ] **Send notification to email for remainders 30 minutes away**
Contributions, issues, and feature requests are welcome!
Feel free to check the [issues page](https://github.com/Lucas-Erkana/TodoGenius-app/issues).
If you like this project, please leave a ⭐️
- I would like to express my gratitude to [Tyler Potts](https://github.com/TylerPottsDev) for provided a detailed and helpful YouTube video for the construction of the TaskGenius app. Their video was instrumental in guiding me through the development process.
> Add at least 2 questions new developers would ask when they decide to use your project.
- **How can I deploy the TaskGenius app to a web server and make it accessible to others?**
- To deploy the TaskGenius app, you have several options. One common approach is to use a hosting service like Heroku, AWS, or Azure. These services provide easy-to-use deployment options for web applications like TaskGenius. Typically, you'll need to push your project to a Git repository (e.g., GitHub) and then configure the hosting service to deploy the app automatically whenever you push changes. Each hosting service has its own documentation and guides on how to set up the deployment for web applications.
- **How can I modify the TaskGenius app to fit my specific needs?**
- Modifying the TaskGenius app involves modifying the existing code and adding your own features. Here are some steps you can take to customize the app:
- Change Content: Update the text in the components to fit your specific needs. For example, you can update the task categories or add new ones.
- Add Features: If you want to add new features to the app, you can create a new component or modify an existing one. For example, you can add a feature to set reminders for tasks or to share tasks with other users.
- Styling: To change the appearance, you can modify the CSS styles in the index.css file or create a separate CSS file and import it into the components where you need custom styling. You can update colors, fonts, spacing, and other visual elements to match your preferences.
I hope this helps! Let me know if you have any further questions or concerns.
This project is [MIT](./LICENSE) licensed.