Task Genius App 🤘

📗 Table of Contents

• 📗 Table of Contents
• Task Genius App 🤘
  • Live Demo
  • 🛠 Built With
    • Tech Stack
    • Key Features
  • 💻 Getting Started
  • To get a local copy up and running, follow these steps.
    • Prerequisites
    • Setup
    • Install
  • 👥 Authors
  • 🔭 Future Features
  • 🤝 Contributing
  • ⭐️ Show your support
  • 🙏 Acknowledgments
  • 🙏 FAQ
  • 📝 License

Task Genius 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.

App Screenshot

Live Demo

To see this project's live demo, please click here.

🛠 Built With

This app is built with Vue.js, Javascript, HTML5, and CSS3.

Tech Stack

Client

• Vue.js
• Javascript
• HTML
• CSS

Key Features

• Add User name
• Add task
• Choose Business or Personal
• Choose completed task
• Delete task

(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
• 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:

 git clone https://github.com/Lucas-Erkana/TodoGenius-app.git

2. Navigate into the cloned folder:

 cd TodoGenius-app

Install

1. Install the dependencies with NPM:

 npm install

Run

1. Start the development server with:

 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.

(back to top)

👥 Authors

👤 Lucas Erkana

• GitHub: @Lucask-Erkana
• Twitter: @Lucas_David_22
• LinkedIn: Lucas Erkana
• Frontend Mentor - @Lucask-Erkana

(back to top)

🔭 Future Features

• 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

(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, please leave a ⭐️

(back to top)

🙏 Acknowledgments

• I would like to express my gratitude to Tyler Potts 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.

(back to top)

❓ FAQ (OPTIONAL)

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.

(back to top)

📝 License

This project is MIT licensed.

(back to top)