https://github.com/moyasiginko/todolist-project
A Todo List app created using JavaScript, HTML, and CSS. This app utilizes modern ES6 syntax and modular design, making it easy to organize and manage your tasks. With the help of Webpack and Babel, the app ensures smooth performance and broad browser compatibility. Stay organized and boost productivity with this user-friendly Todo List app.
https://github.com/moyasiginko/todolist-project
babel css es6-javascript html javascript jest-test linters webpack
Last synced: 3 months ago
JSON representation
A Todo List app created using JavaScript, HTML, and CSS. This app utilizes modern ES6 syntax and modular design, making it easy to organize and manage your tasks. With the help of Webpack and Babel, the app ensures smooth performance and broad browser compatibility. Stay organized and boost productivity with this user-friendly Todo List app.
- Host: GitHub
- URL: https://github.com/moyasiginko/todolist-project
- Owner: MoyasiGinko
- Created: 2023-05-10T17:16:06.000Z (about 2 years ago)
- Default Branch: master
- Last Pushed: 2023-05-20T01:56:35.000Z (about 2 years ago)
- Last Synced: 2025-01-28T21:34:57.972Z (5 months ago)
- Topics: babel, css, es6-javascript, html, javascript, jest-test, linters, webpack
- Language: JavaScript
- Homepage: https://moyasiginko.github.io/ToDoList-Project/dist/
- Size: 1.63 MB
- Stars: 3
- Watchers: 1
- Forks: 0
- Open Issues: 2
-
Metadata Files:
- Readme: README.md
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](#run-tests)
- [👷♂️ Author](#authors)
- [🔭 Future Features](#future-features)
- [🤝 Contributing](#contributing)
- [⭐️ Show your support](#support)
- [🙏 Acknowledgements](#acknowledgements)
- [📝 License](#license)
**To Do List**
> "To-do list" is 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. In this particular repo, We are building this To-do list with using HTML, CSS, JavaScript (ES6), and Webpack.
- HTML
- CSS
- JavaScript (ES6)
- Webpack
- Jest
Languages and technologies
- **Easy navigation**
- **Personalized product**
[Demo Link 🔥](https://moyasiginko.github.io/ToDoList-Project/dist/)
To get a local copy up and running, follow these steps.
### Prerequisites
In order to run this project you need GitHub account and a text editor.
- Node.js
- npm
### Setup
Clone this repository to your desired folder:
```
git clone [email protected]:MoyasiGinko/ToDoList-Project.git
cd ToDoList-Project
```
- cd into the project directory
```
Open the project using a live sever extension that can be found within your code editor extensions.
```
### Install
- Once you clone the repo, go to the directory and run `npm install` command to get all necessary instalations.
- Build/ watch project (not necessary, but might be needed in case you make some changes in the src folder).
```
npm run build
npm run watch
```
- Run Webpack live server
```
npm start
```
### Usage
To run the project, execute the following command:
N/A
### Run tests
```
npm run test
```
- ...in your bash (assuming you are in the root of this project);
### Deployment
You can deploy this project using: webpack in your local machine.
👤 **Moyasi**
- GitHub: [@MoyasiGinko](https://github.com/MoyasiGinko)
- Twitter: [@MoyasiGinko](https://twitter.com/moyasi_ginko)
- LinkedIn: [LinkedIn](https://www.linkedin.com/in/mahmudur-rahman-a8a151257)
👤 **Sylvester WAMAYA**
- GitHub: [@githubhandle](https://github.com/sylvester-wamaya)
- Twitter: [@twitterhandle](https://twitter.com/The_Seal_)
- LinkedIn: [LinkedIn](https://www.linkedin.com/in/sylvester-wamaya-b11a93112/)
- [ ] **[interactive functions]**
- [ ] **[Footer]**
- [ ] **[Profile picture]**
Contributions, issues, and feature requests are welcome!
Feel free to check the [issues page](../../issues/).
If you get inspired by this project you can give me a star 🙌
I would like to thank Microverse
This project is [MIT](./MIT.md) licensed.