https://github.com/rubydevi/todolist-minimalist
In this project, I will build a simple HTML list of To Do tasks. The list will be styled according to the specifications listed later in this lesson. This simple web page will be built using webpack and served by a webpack dev server.
https://github.com/rubydevi/todolist-minimalist
babel html-css-javascript jest unit-testing webpack
Last synced: 3 months ago
JSON representation
In this project, I will build a simple HTML list of To Do tasks. The list will be styled according to the specifications listed later in this lesson. This simple web page will be built using webpack and served by a webpack dev server.
- Host: GitHub
- URL: https://github.com/rubydevi/todolist-minimalist
- Owner: rubydevi
- License: mit
- Created: 2023-06-12T14:33:58.000Z (almost 2 years ago)
- Default Branch: main
- Last Pushed: 2023-06-23T08:05:31.000Z (almost 2 years ago)
- Last Synced: 2024-12-29T15:12:40.087Z (5 months ago)
- Topics: babel, html-css-javascript, jest, unit-testing, webpack
- Language: JavaScript
- Homepage: https://rubydevi.github.io/todolist-minimalist/dist/
- Size: 600 KB
- Stars: 3
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# 📗 Table of Contents
- [📖 About the Project](#about-project)
- [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)
- [👥 Authors](#authors)
- [🔭 Future Features](#future-features)
- [🤝 Contributing](#contributing)
- [⭐️ Show your support](#support)
- [🙏 Acknowledgements](#acknowledgements)
- [📝 License](#license)
**To Do List** In this project, I will build a simple HTML list of To Do tasks. The list will be styled according to the specifications listed later in this lesson. This simple web page will be built using webpack and served by a webpack dev server.
Client
- HTML and CSS
- JavaScript
- **To Do List**
- **Modules Directory**
- **Webpack**
- [Live Demo Link](https://rubydevi.github.io/todolist-minimalist/dist/)
### Prerequisites
In order to run this project you need:
1. git
2. VS Code or any code editor
3. npm intalled
### Setup
Clone this repository to your desired folder:
```sh
cd my-folder
git clone [email protected]:rubydevi/todolist-minimalist.git
cd todolist-minimalist
```
### Install
Install this project with:
**Weblint**
1. Run this code:
```sh
npm install --save-dev [email protected]
```
2. Don't forget to copy [.hintrc](.hintrc) to the root directory of your project.
**Stylelint**
1. Run this code:
```sh
npm install --save-dev [email protected] [email protected] [email protected] [email protected]
```
2. Don't forget to copy [.stylelintrc.json](./.stylelintrc.json) to the root directory of your project.
**ESLint**
1. Run this code:
```sh
npm install --save-dev [email protected] [email protected] [email protected] [email protected]
```
2. Don't forget to copy [.eslintrc.json](./.eslintrc.json) to the root directory of your project.
**Luxon**
- Run this code:
```sh
npm install --save luxon
```
### Usage
To run this project in the browser, simply open the index.html file in your preferred browser by running the code below in your terminal:
```sh
npm start
```
### Run tests
To run tests, run the following command:
```sh
npm hint .
```
```sh
npx stylelint "**/*.{css,scss}"
```
```sh
npx eslint .
```
👤 **Chongtham Ruby Devi**
- GitHub: [@rubydevi](https://github.com/rubydevi)
- Twitter: [@arieabyss](https://twitter.com/ariesabyss)
- LinkedIn: [Chongtham Ruby Devi](https://www.linkedin.com/in/chongtham-bhoomika/)
- User Management System
- Database Connection
- More Forms
Contributions, issues, and feature requests are welcome!
Feel free to check the [issues page](../../issues/).
If you like this project please leave a star, I'd really appreciate it.
- I'd like to thank Microverse for this wonderful README template.
This project is [MIT](./LICENSE) licensed.