https://github.com/timbar09/to-do-list
This project is a to-do list web app that displays a list of tasks and allows you to add and remove tasks from that list. It was built with Webpack, JavaScript, CSS, and HTML.
https://github.com/timbar09/to-do-list
dynamic-programming javascript ux-design
Last synced: 5 months ago
JSON representation
This project is a to-do list web app that displays a list of tasks and allows you to add and remove tasks from that list. It was built with Webpack, JavaScript, CSS, and HTML.
- Host: GitHub
- URL: https://github.com/timbar09/to-do-list
- Owner: Timbar09
- License: mit
- Created: 2023-01-17T08:19:24.000Z (about 3 years ago)
- Default Branch: main
- Last Pushed: 2023-01-27T13:51:30.000Z (about 3 years ago)
- Last Synced: 2025-01-19T16:43:14.282Z (about 1 year ago)
- Topics: dynamic-programming, javascript, ux-design
- Language: HTML
- Homepage: https://timbar09.github.io/To-Do-list/dist/
- Size: 252 KB
- Stars: 2
- Watchers: 1
- Forks: 0
- Open Issues: 3
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
To-do List
# 📗 Table of Contents
- [📖 About the Project](#about-project)
- [🛠 Built With](#built-with)
- [Tech Stack](#tech-stack)
- [Key Features](#key-features)
- [🚀 Live Demo](#live-demo)
- [💻 Getting Started](#getting-started)
- [Setup](#setup)
- [Prerequisites](#prerequisites)
- [Install](#install)
- [Usage](#usage)
- [Run tests](#run-tests)
- [Deployment](#triangular_flag_on_post-deployment)
- [👥 Authors](#authors)
- [🤝 Contributing](#contributing)
- [⭐️ Show your support](#support)
- [🙏 Acknowledgements](#acknowledgements)
- [📝 License](#license)
**Todo List** is a single page app that displays a list of tasks and allows you to add and remove tasks from that list.
Client
- **Add and remove tasks**
- The website displays a list of tasks and allows you to add and remove tasks from that list.
- **JavaScript Classes**
- The tasks are managed and manipulated using classes and helper functions within those classes.
- **Store and retrieve data**
- The tasks are stored and retrieved from the local storage of the browser.
- **Testing with Jest**
- The functions are tested using Jest.
- Visit the live demo [here](https://timbar09.github.io/To-Do-list/dist/)
To get a local copy up and running, follow these steps.
### Prerequisites
In order to run this project you need:
- A browser (e.g. Firefox)
- An IDE (e.g. [Vususal Studio Code](https://code.visualstudio.com/download))
- [npm](https://nodejs.org/en/)
- [Webpack](https://webpack.js.org/)
- [Jest](https://jestjs.io/)
### Setup
To clone this repository to your desired folder, follow the steps below:
**Using the command line**
- Use the following commands
```sh
cd my-folder
git clone https://github.com/Timbar09/To-Do-list.git
```
**Using GitHub Desktop app**
- Follow the steps below
- Visit this link "https://github.com/Timbar09/To-Do-list.git"
- Click the green button labelled "code"
- Select the "Open with GitHub Desktop" option
- After the GitHub Desktop add opens, click the "clone repo" button
### Install
Install this project's dependencies with the following command:
```sh
npm install
```
### Usage
To run the project, execute the following command:
```sh
npm start
```
### Run tests
To run tests, run the following command:
```sh
npm test
```
### Deployment
You can deploy this project by:
- visiting your repository on [GitHub](https://github.com)
- Click on settings
- Go to the "Pages" option
- Select the main branch and save
| 👤 Author | GitHub | Twitter | LinkedIn |
| :-- | :-- | :-- | :-- |
| Miles Mosweu | [@Timbar09](https://github.com/Timbar09) | [@Milez09](https://twitter.com/Milez09) | [@miles09](https://www.linkedin.com/in/miles09) |
| Cindy Kandie | [@cindykandie](https://github.com/cindykandie) | [@cindy_kandie](https://twitter.com/cindy_kandie) | [@cindykandie](https://linkedin.com/in/cindykandie) |
| Oscar Deus | [@Oscah01](https://github.com/Oscah01) | [@alphonce_isaya](https://twitter.com/alphonce_isaya) | [@oscar-deus-757833210](https://linkedin.com/in/oscar-deus-757833210) |
- [ ] **Implement a functionality for dragging and dropping tasks.**
Contributions, issues, and feature requests are welcome!
Feel free to check the [issues page](https://github.com/Timbar09/To-Do-list/issues).
If you like this project, give it a ⭐️ and let us know what you like in particular.
We would like to thank the whole Microverse community for their help and contributions towards this project.
This project is [MIT](./LICENSE) licensed.