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

Main learning points: Use Javascript to add, remove and display Tasks. Made during Microverse Coding School.
https://github.com/cancelei/to-do-list

webpack website

Last synced: 2 months ago
JSON representation

Main learning points: Use Javascript to add, remove and display Tasks. Made during Microverse Coding School.

• Host: GitHub
• URL: https://github.com/cancelei/to-do-list
• Owner: cancelei
• License: mit
• Created: 2023-06-13T22:36:30.000Z (about 2 years ago)
• Default Branch: Main
• Last Pushed: 2023-06-20T01:08:25.000Z (almost 2 years ago)
• Last Synced: 2025-02-10T21:35:17.854Z (4 months ago)
• Topics: webpack, website
• Language: JavaScript
• Homepage: https://cancelei.github.io/To-do-list/dist/index.html
• Size: 313 KB
• Stars: 1
• Watchers: 1
• Forks: 0
• Open Issues: 2
• Metadata Files:
  • Readme: README.md
  • License: LICENSE.md

Awesome Lists containing this project

README

        




  
Responsive 'To-Do List' App




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

# 📖 Project Name

This project was elaborated during the Microverse Course, is it a To-Do app with minimalistic but user friendly features to register your To-do's in a different way, more old school and without all the fuss.

## 🛠 Built With Love and Passion

### Tech Stack 

  Client

  


    
HTML

  


  Server

  


    
N/A

  


Database

  


    
N/A

  


### Key Features 

- Interactive List (Clear, add/Remove and mark as done the items);

- Basic Structure & Linters;

- Webpack & configs;

(back to top)


## 🚀 Live Demo 

- Link

(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:

Download Project Files from github.

### Setup

Clone this repository to your desired folder:

### Install

Install Node Package by running:

- npm install

### Usage

- In other to use the repo you either to create a branch to create new features.

- But in order to run the project use the commands below:

  - npm run build (It will create a production ready file)

  - npm start (It will run the server on your local machine)

### Run Linters (Testing)

I have added Linters different kinds of Linters to help avoid typos and ensure the best practices of the code base.

So while using this repository if you need to check your work no matter if you have worked on HTML or CSS, or even JS you can use the commands below.

- To run the linter test on index.html or any HTML file. Use the below command:

npx hint . 

-To run linter test on Stylesheets (CSS or sass). Use the below command:

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

- To run linter test on ES Lint (JS). Use the below command:

npx eslint .

### Deployment

N/A

(back to top)


## 👥 Authors 

> Mention all of the collaborators of this project.

👤 **Author Glauber Bannwart**

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

- LinkedIn: [LinkedIn](https://linkedin.com/in/gbannwart)

(back to top)


## 🔭 Future Features / Initiatives

- Improved UX (CSS/JS).

- New user and Login Screen with respective customer journey history.

- Company Strategy planning to prevent Design Error's.

(back to top)


## 🤝 Contributing 

N/A

## ⭐️ Show your support 

N/A

(back to top)


## 🙏 Acknowledgments 

## 📝 License 

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

(back to top)