Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/elijahdre/to-do-list
This educational project is to make a tool that helps to organize your day. It simply lists the things that you need to do and allows you to mark them as complete. Built with HTML, CSS, JavaScript and Webpack.
https://github.com/elijahdre/to-do-list
css-loader github html htmlwebpackplugin javascript localstorage microverse microverse-projects microverse-students todoapp todolist webpack
Last synced: about 1 month ago
JSON representation
This educational project is to make a tool that helps to organize your day. It simply lists the things that you need to do and allows you to mark them as complete. Built with HTML, CSS, JavaScript and Webpack.
- Host: GitHub
- URL: https://github.com/elijahdre/to-do-list
- Owner: Elijahdre
- Created: 2022-08-09T15:24:13.000Z (over 2 years ago)
- Default Branch: dev
- Last Pushed: 2023-06-08T17:50:31.000Z (over 1 year ago)
- Last Synced: 2024-05-28T22:10:43.707Z (6 months ago)
- Topics: css-loader, github, html, htmlwebpackplugin, javascript, localstorage, microverse, microverse-projects, microverse-students, todoapp, todolist, webpack
- Language: JavaScript
- Homepage: https://todo-list-app-elijahdre.netlify.app/
- Size: 518 KB
- Stars: 3
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Todo-List app
> The to do list app is the app that helps people to track what they have to do in a day. With this app,
you can add a new activity with description, remove it and also check it if it is completed.
There is a lot more of what someone can do with it.
## Built With
- [x] Languages: HTML, CSS and JavaScript
- [x] Linters: Lighthouse, Webhint, Stylelint and ESlint
- [x] Module Bundler: Webpack
- [x] Module Bundler Loaders: Style, CSS
- [x] Module Bundler Plugin: HtmlWebpackPlugin
- [x] Code Editor: VS Code
## Website Mockup 📱 💻 🖥️
## Live Demo 🔗
Check out the live demo [here](https://elijahdre.github.io/To-do-List/dist/)👈
## Getting Started
To get a local copy up and running follow these simple steps.
### Prerequisites
- [x] A web browser like Google Chrome.
- [x] A code editor like Visual Studio Code with Git and Node.js.
You can check if Git is installed by running the following command in the terminal.
```
$ git --version
```
Likewise for Node.js and npm for package installation.
```
$ node --version && npm --version
```
### Setup
Clone the repository using the GitHub link provided below.
### Install
In the terminal, go to your file directory and run this command.
```
$ git clone [email protected]:Elijahdre/To-do-List.git
```
### Usage
Kindly modify the files as needed.
### Run tests
To check for linters, use the files provided by [Microverse](https://github.com/microverseinc/linters-config). A GitHub action is also set to run during pull request.
```
$ npm install
```
### Deployment
This app is deployed in the GitHub Pages for easy viewing upon merged on the main branch.
Please find the link in the Live Demo section.l
## Authors
👤 **Elijah Odjegba** 
- GitHub: [](https://github.com/Elijahdre)
- Twitter: [](https://twitter.com/kingglijah)
- LinkedIn: [](https://www.linkedin.com/in/elijah-odjegba-862708179/)
## 🤝 Contributing
Contributions, issues, and feature requests are welcome!
Feel free to check the [issues page.](https://github.com/Elijahdre/To-do-List/issues)
## Show your support
Give a ⭐️ if you like this project!
## Acknowledgments
- [Microverse](https://www.microverse.org/)
- Code Reviewers
- Coding Partners
## 📝 License
This project is [MIT](./MIT.md) licensed