Ecosyste.ms: Awesome

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

Awesome Lists | Featured Topics | Projects

https://github.com/belsman/to-do-list

A Todo-list front-end application where users create todos and categorize them by projects. Built with Javascript
https://github.com/belsman/to-do-list

javascript localstorage webpack

Last synced: 4 days ago
JSON representation

A Todo-list front-end application where users create todos and categorize them by projects. Built with Javascript

Awesome Lists containing this project

README

        

![](https://img.shields.io/badge/Microverse-blueviolet)

# Project: TODO LIST

> A Todo List application built for the web. A User can create Todo, list Todo, edit Todo and delete Todo. Todos are also organized by projects when they are created.

## Live demo

🔗 [visit the page](https://goofy-newton-ffbf77.netlify.app/)

## Built With

- Javascript (ES6)
- HTML / CSS
- Bootstrap 4
- Font awesome icons
- Webpack

## Getting Started

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

### Prerequisites

In order for ```To-Do-List``` to work locally on your machine, you need these installations:
- Nodejs and npm
- Web Browser

### Install

1) Open the Terminal
2) Run

```sh
git clone https://github.com/belsman/To-Do-List.git
```

or, for SSH:

```sh
git clone [email protected]:belsman/To-Do-List.git
```

3) Run ```cd To-Do-List``` to enter the main directory
4) Run ```npm install```
5) Run ```npm run build```
6) Run ```cd dist/```
8) Open the ```index.html``` in your browser
9) Create Todos and organize them by Projects
`

## Testing

1) Open the Terminal
2) Run ```cd To-Do-List``` to enter the main directory
3) Run ```npm test```

## Author

👤 **Bello Babakolo**

- Github: [@belsman](https://github.com/belsman)
- Twitter: [@d_belsman](https://twitter.com/d_belsman)
- Linkdin: [Bello Babakolo](https://www.linkedin.com/in/bello-babakolo-b23b17145/)

## 🤝 Contributing

Contributions, issues and feature requests are welcome!

Feel free to check the [issues page](issues/).

## Show your support

Give a ⭐️ if you like this project!

## Acknowledgments

- Microverse for showing the way for this project to happen