ToDo App - Task Manager 🔖

Description

ToDo App - Task Manager is a web application that helps you organize your task according to projects. It offers some very basic task management features e.g, users can perform the following actions:

• Delete task
• Update task
• Mark tasks as completed

Built

This application is built with the following tools and libraries:

• Javascdript
• Bootstrap
• HTML
• CSS (SASS)
• losash
• date-fns

Live Demo

You can check out a live demo of this application here

Getting Started

To get a copy of this application in your local machine up and running please follow this step-by-step instructions below.

Prerequisites

Make sure you have node.js installed on your local machine. Open your terminal and follow these instructions.

---

With Node.js and cli

1. To clone a copy of this repo, cd into the directory you would want to save the repo and run git clone [email protected]:cyonii/todo-app.git
2. Once cloned, run cd todo-app to change into the project's directory.
3. Run npm install to install the project's dependencies.
4. Run npm run serve, the app should be started by this command
5. Head over to your browser and open localhost:8080 to view app.

---

Without Node.js

• Download and unpack this repo from Github - .zip file.
• Navigate into the unpacked project's directory
• Find and open the dist folder
• Open index.html file in your browser

It's time to get productive

Testing

To run automated tests, in your terminal, change into the directory containing this project and run this command: npm run test.

Note that the test command has a --watch flag, this will keep the test terminal live and listening, and will re-run the tests once a file's content is changed.

Usage

To add new projects: type in the name of the project in the project form and click "Add", you should see the new project appear under the your list of projects. To add new task: Click on "Add new task" button, this should present you with a modal where you fillout the details of this task.

Note that the project who's tab is currently active is automatically assigned to the new task.

Authors

CY Kalu 👤

• GitHub: @cyonii
• LinkedIn: @cyonii
• Twitter: @__cypy__
• Portfolio: website

Contributing 🤝

Contributions, issues, and feature requests are welcome!

Feel free to check the issues page.

Show your support

Give a ⭐️ if you like this project!

Acknowledgments

The Odin Project