Ecosyste.ms: Awesome

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

Awesome Lists | Featured Topics | Projects

https://github.com/dantealonsoht/to_do_list_webpack

To-Do List created using Webpack to manage all the front-end files such as HTML, CSS, and JavaScript.
https://github.com/dantealonsoht/to_do_list_webpack

bootstrap css html javascript localstorage nodejs webpack

Last synced: 12 days ago
JSON representation

To-Do List created using Webpack to manage all the front-end files such as HTML, CSS, and JavaScript.

Awesome Lists containing this project

README

        

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

# To Do list: CRUD Interactive List JS.

For this repository, I've created an interactive list to create, read, update, and delete tasks to make a complete To-Do List. I've included front-end technologies in order to create this application, I used JavaScript, HTML5, CSS3, Bootstrap, and also, I've included Local Storage to handle the data inside this application.

I've been using Webpack to manage the files for the front-end, using loaders for HTML, CSS, and JavaScript files, in order to fix some special thing at the moment to use the front-end in a server. Feel free to suggest more additional features for this repository, or if you want to use it, feel free to do that as well.

## [LIVE DEMO LINK 👀](https://raw.githack.com/DanteAlonsoHT/To_Do_List_webpack/add-and-remove/dist/index.html)

## Built With 🔨

- JavaScript
- HTML
- CSS
- Bootstrap
- Webpack
- Local Storage
- Visual Studio Code
- Git & Github

### Install

To get a local copy up and running follow these simple example steps.
- Open terminal
- Clone this project by the command `git clone https://github.com/DanteAlonsoHT/To_Do_List_webpack.git`
- `cd To_Do_List_webpack` folder
- Run `npm start` in your local browser or using Live Server in Visual Studio Code.

### Prerequisites

- IDE to edit and run the code (We use Visual Studio Code 🔥).
- [Node.js](https://nodejs.org/en/download/) already downloaded.
- Webpack - [click here to getting started](https://webpack.js.org/guides/getting-started/).

### Usage

- For anyone who wants to practice Webpack skills.
- How to manage your front-end files using Webpack.

## Authors

👤 **Dante Alonso**

- GitHub: [@DanteAlonsoHT](https://github.com/DanteAlonsoHT)
- Twitter: [@dante_dante1](https://twitter.com/dante_dante1)
- LinkedIn: [Dante Alonso](https://www.linkedin.com/in/dante-alonso/)

## 🤝 Contributing

Contributions, issues, and feature requests are welcome!

Feel free to check the [issues page](https://github.com/DanteAlonsoHT/To_Do_List_webpack/issues).

## Show your support

Give a ⭐️ if you like this project!

## Acknowledgments

- Hat tip to anyone whose code was used 🔰
- Inspiration 💘
- Microverse program ⚡
- Our standup team 🏹
- Our family's support 🙌

## 📝 License

This project is [MIT](./LICENSE) licensed.