Ecosyste.ms: Awesome

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

Awesome Lists | Featured Topics | Projects

https://github.com/kidd254/to-do-list

This is my second web app created using HTML, CSS, and JavaScript. Webpack and jest libarary tools are applied in this project to achieve a specific purpose
https://github.com/kidd254/to-do-list

Last synced: 8 days ago
JSON representation

This is my second web app created using HTML, CSS, and JavaScript. Webpack and jest libarary tools are applied in this project to achieve a specific purpose

Host: GitHub
URL: https://github.com/kidd254/to-do-list
Owner: Kidd254
License: mit
Created: 2023-01-31T08:47:54.000Z (almost 2 years ago)
Default Branch: main
Last Pushed: 2024-02-01T18:07:02.000Z (10 months ago)
Last Synced: 2024-11-01T23:42:24.348Z (15 days ago)
Language: JavaScript
Homepage: https://kidd254.github.io/To-Do-List/dist/
Size: 266 KB
Stars: 14
Watchers: 1
Forks: 0
Open Issues: 0
Metadata Files:
- Readme: README.md
- License: LICENSE

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](#triangular_flag_on_post-deployment)

- [👥 Authors](#authors)

- [🔭 Future Features](#future-features)

- [🤝 Contributing](#contributing)

- [⭐️ Show your support](#support)

- [🙏 Acknowledgements](#acknowledgements)

- [❓ FAQ](#faq)

- [📝 License](#license)

# 📖 [To Do List] 

**[To-Do-List]** In this project i applied different concepts such as ES6, JavaScript modules,  knowledge on gitflow and Es Linter Configuration. This project was build using Html and css. Git, Github, and Vs Code Studio were key technological tools used in this project.

## 🛠 Built With  

### Tech-Stack 

This project is built using pure 

- Html 

- css

- JavaScript

- Webpack

### Key Features

- dynamic list of tasks

- webpack

- checkbox

(back to top)


## 🚀 Live Demo 

- [a link to the online version](https://kidd254.github.io/To-Do-List/dist/)

- [a link to a presentation about this project]()

(back to top)


## 💻 Getting Started 

To get a local copy up and running, follow these steps.

### Prerequisites

In order to run this project you need:

You need to have a code editor pre-installed (preferably Vs Studio Code Editor). You may also need to install Git Bash terminal but if you're using Vs Code Studio you can use its terminal.

### Setup

Step 1:if you don't have git installed on your machine you can download it from [here](https://git-scm.com/downloads).

Once you have git installed on your machine you can clone your project by running the command below to clone your project to your local machine

`git clone `

Alternatively, you can download the zip file of your project by clicking on the `Code` button on the right side of your project page and clicking on `Download ZIP`

Step 2: Locate the folder where you cloned your project and open the `index.html` file in your browser to view your project.

### Install

Install this project with:

1. install WebHint: npm install --save-dev [email protected]

2. install Stylelint: npm install --save-dev [email protected] [email protected] [email protected] [email protected]

3. install live Server from the extensions section on Vs Code Studio if using this code editor

### Usage

To run the project, execute the following command:

open the cloned repository in your code editor

### Run tests

To run tests, run the following command:

To run tests and check for errors:

-After installing the required linter, npx stylelint "**/*.{css,scss}"

-To fix CSS or SCSS linters error: npx stylelint "**/*.{css,scss}" --fix

-Run your code on web browser

### Deployment

You can deploy this project using: github pages

(back to top)


## 👥 Author 

👤 **Lawrence Muema Kioko**

  

- GitHub: [@Kidd254](https://github.com/Kidd254)

- Twitter: [@lawrenc98789206](https://twitter.com/lawrenc98789206)

- LinkedIn: [lawrence-kioko-972035240/](https://www.linkedin.com/in/lawrence-kioko-972035240/)

(back to top)


## Future Features

- [deploy application]

- [add more styling to make the web page more attractive]

## 🤝 Contributing 

Contributions, issues, and feature requests are welcome!

Feel free to check the [issues page](../../issues/).

(back to top)


## ⭐️ Show your support 

If you like this project kindly offer your support in terms of contributions. If you notice any issues you can raise them in the issues section, kindly. 

(back to top)


## 🙏 Acknowledgments 

Vote of thanks to Microverse for giving me an opportunity and ispiring me to complete this project.

(back to top)


## ❓ FAQ 

- **[Where is the functionality in this project?]**

  - [this project is work in progress, more changes are likely to be added in the due course]

- **[What is the aim of this project?]**

  - [This project is meant to equip a learner with knowledge on correct github flow, and correct es linter configuration set up]

(back to top)


## 📝 License 

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