https://github.com/ab-noori/to-do-list
In this project, we 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/ab-noori/to-do-list
css3 html5 modules-structure sass vanilla-javascript
Last synced: about 2 months ago
JSON representation
In this project, we 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/ab-noori/to-do-list
- Owner: ab-noori
- License: mit
- Created: 2023-03-07T14:25:04.000Z (over 2 years ago)
- Default Branch: main
- Last Pushed: 2024-11-09T12:46:01.000Z (12 months ago)
- Last Synced: 2025-08-23T09:04:47.243Z (about 2 months ago)
- Topics: css3, html5, modules-structure, sass, vanilla-javascript
- Language: JavaScript
- Homepage: https://ab-noori.github.io/To-Do-List/dist
- Size: 691 KB
- Stars: 14
- Watchers: 1
- Forks: 1
- Open Issues: 4
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
> # To-Do List
### Desktop view shoots for this project:
| Desktop Veiw Representation|
|---------------------------------------|
||
||
# 📗 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](#triangular_flag_on_post-deployment)
- [👥 Authors](#authors)
- [🔭 Future Features](#future-features)
- [🤝 Contributing](#contributing)
- [⭐️ Show your support](#support)
- [🙏 Acknowledgements](#acknowledgements)
- [❓ FAQ (OPTIONAL)](#faq)
- [📝 License](#license)
> **[To-Do List]** is a simple project build to add the todo tasks, check as completed and remove the task. This simple web page will be built using webpack and served by a webpack dev server.
- **[Responsive layout]**
- **[UX/UI accessibility]**
- **[Dynamic data]**
> - [Live Demo Link](https://ab-noori.github.io/To-Do-List/dist/)
To get a local copy up and running, follow these steps:
### Prerequisites
In order to run this project you need:
- A browser of you choice.
- A text editor of your choice.
- An installed node.js on your local system
### Setup
Clone this repository to your desired folder:
- Use the following Commands:
cd your-desired-folder
git clone git@github.com:ab-noori/Project-Template.git
### Install
Install this project with:
- You can deploy this projec on hosting provider of your choise or you can deploy it on github pages.
### Usage
- Use following commands to run on your local system:
npm run build
npm run dev
### Run tests
- Run the following script and style test:
npx eslint .
npx stylelint "**/*.{css,scss}"
### Deployment
You can deploy this project using:
- Free deployment services like GitHub pages.
- Any deployment services of your choice.
👤 **Abdul Ali Noori**
- GitHub: [@ab-noori](https://github.com/ab-noori)
- Twitter: [@AbdulAliNoori4](https://twitter.com/AbdulAliNoori4)
- LinkedIn: [abdul-ali-noori](https://www.linkedin.com/in/abdul-ali-noori-384b85195/)
- [ ] **[Add About page]**
- [ ] **[Add Contact page]**
Contributions, issues, and feature requests are welcome!
Feel free to check the [issues page](https://github.com/ab-noori/Awesome-Books/issues).
If you like this project, give it a star.
I would like to thank Microverse and my coding partners, and also give credit to Traversy Media
YouTub Channel, I really learned a lot from this channel.
- **How to make it mobile friendly?**
- Put a viewport tag in the header
- **How to design the site?**
- Draw a mockup before start to code
This project is [MIT](./LICENSE) licensed.