https://github.com/david-lanzz/my-todo-list

This project is containing a ToDo list which I used to sharpen my skills in JavaScript and also to learn how to use web packs efficiently. Stack: HTML, CSS, JavaScript, Webpack.
https://github.com/david-lanzz/my-todo-list

css html5 javascript stylelint webpack

Last synced: about 1 year ago
JSON representation

This project is containing a ToDo list which I used to sharpen my skills in JavaScript and also to learn how to use web packs efficiently. Stack: HTML, CSS, JavaScript, Webpack.

• Host: GitHub
• URL: https://github.com/david-lanzz/my-todo-list
• Owner: David-Lanzz
• Created: 2023-02-21T16:09:53.000Z (over 3 years ago)
• Default Branch: master
• Last Pushed: 2023-04-23T17:48:00.000Z (about 3 years ago)
• Last Synced: 2025-03-30T08:51:15.607Z (over 1 year ago)
• Topics: css, html5, javascript, stylelint, webpack
• Language: JavaScript
• Homepage: https://david-lanzz.github.io/My-ToDo-List/
• Size: 1010 KB
• Stars: 18
• Watchers: 1
• Forks: 0
• Open Issues: 6
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          




# 📗 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]

- [📝 License](#license)

# 📖 [MY-TODO-LIST] 

> 

**MY-TODO-LIST** is a project i worked to help clients all around the world set goals/tasks according to priority.

## 🛠 Built With

 > Visual Studio Code,

 > Github

### Tech Stack Frontend Technology

> The Tech stack used in this project is the frontend technology and it consists of just the index.html,scipt.js and styles.css and webpack files

  Cascading Style Sheet

  


    
CSS

  


  Mark-Up Language

  


    
HTML

  


  JavaScript

  


    
JavaScript

  


### Key Features 

- **[Fresh quality content]**

- **[Speed and responsive]**

- **[Easy to use]**

- **[Adding and removing of tasks]**

(back to top)


## 🚀 Live Demo 

>

- [Live Demo Link](  https://david-lanzz.github.io/My-ToDo-List/dist/ )

(back to top)


## 💻 Getting Started 

> All necessary files about the concert are present in the repo so run/install it and check through for any information you might need.

### Prerequisites

In order to run this project you need:

A browser

A good internet connection

Visual Studio Code [OPTIONAL]

### Setup

Clone this repository to your desired folder:

- cd my-project

  - git clone https://github.com/David-Lanzz/My-ToDo-List.git

### Install

Install this project with:

- cd MY-TODO-LIST

- npm install

### Usage

To run the project, Click on the live Demo link or...

- git clone  https://github.com/David-Lanzz/My-ToDo-List.git

- cd My-ToDo-List

- npm install

- npm start

### Run tests

To run tests, run the following command:

npm install --save-dev stylelint@13.x stylelint-scss@3.x stylelint-config-standard@21.x stylelint-csstree-validator@1.x

npx stylelint "**/*.{css,scss}"

npm install --save-dev hint@7.x

npx hint .

npm install --save-dev eslint@7.x eslint-config-airbnb-base@14.x eslint-plugin-import@2.x babel-eslint@10.x

npx eslint .

### Deployment

You can deploy this project using:

githack and github pages

(back to top)


## 👥 Authors 

>

👤 **Author1**

- GitHub: [@githubhandle](https://github.com/David-Lanzz)

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

- LinkedIn: [LinkedIn](https://www.linkedin.com/in/david-lanzz/)

(back to top)


## 🔭 Future Features 

- [ ] **[A feature that allows users drag and drop tasks to desired position]**

(back to top)


## 🤝 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... please leave me a comment in my twitter account, Thankyou

(back to top)


## 🙏 Acknowledgments 

> 

I will like to give kudos to microverse for assigning the creation of this project to me.

(back to top)


## FAQ 

- **How did you get the linters to work for the html and CSS**

  - Move into the project directory, copy and run the following commands:

  "npm install --save-dev stylelint@13.x stylelint-scss@3.x stylelint-config-standard@21.x stylelint-csstree-validator@1.x"

  then:

npx stylelint "**/*.{css,scss}" to test for CSS

and npx hint . for HTML

- **How did you align the elements to stack on or beside eachother**

 - Use flex or grid boxes

(back to top)


## 📝 License 

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

(back to top)