https://github.com/natasha-ct/js-bestpractises

A simple webapp( list of To Do tasks). This simple web page was built using webpack and served by a webpack dev server.
https://github.com/natasha-ct/js-bestpractises

bootstrap css3 html5 javascript

Last synced: 2 days ago
JSON representation

A simple webapp( list of To Do tasks). This simple web page was built using webpack and served by a webpack dev server.

• Host: GitHub
• URL: https://github.com/natasha-ct/js-bestpractises
• Owner: NATASHA-ct
• Created: 2022-07-20T14:41:46.000Z (over 2 years ago)
• Default Branch: master
• Last Pushed: 2022-07-22T19:28:34.000Z (over 2 years ago)
• Last Synced: 2023-03-08T18:42:59.717Z (over 1 year ago)
• Topics: bootstrap, css3, html5, javascript
• Language: JavaScript
• Homepage:
• Size: 180 KB
• Stars: 5
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# To-Do-list test for JavaScript best practises

A simple webapp( list of To Do tasks).  This simple web page was built using webpack and served by a webpack dev server.

### In this project I implemented the following functionalities::

-Adding a new item.

-Removing a selected item.

-Marking a selected item as complete.

-Removing all items marked as complete at once.

### Lastly I tested for the use of the following JavaScript best practices:

#### -DRY: Don't repeat yourself! It means avoiding having duplicated code.

#### -KISS: Keep It Simple, Stupid.AvoidING unnecessary complexity, over-engineering your code.

#### -YAGNI: You Aren't Gonna Need It. Don't add anything you don't strictly need. 

## Built With

- HTML, CSS

-Es6 Modules

-Use of webpack builder

## Live Demo (available)

[Live Demo Link](https://natasha-ct.github.io/To-Do-list-webapp/dist/)

#Project screenshot



### Prerequisites

-Github flow knowledge.

-Basic CSS and HTML.

-Installation of files.

-ES6

### Setup

-To clone the repository run `[https://github.com/NATASHA-ct/To-Do-list-webapp.git]` in your terminal

### Install

-Set up Github Actions

-Set up linter > Lighthouse , Webhint ,Stylelint ,

-Added Eslint

-Add webpack

## Authors

👤 **NATASHA TATENDA CHIROMBE**

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

- Twitter: [@NatashaChirombe]

- LinkedIn: [Natasha Chirombe](linkedin.com/in/natasha-chirombe-1531aa17b)

## 🤝 Contributing