https://github.com/errytagedesign/microverse-todo-app

https://github.com/errytagedesign/microverse-todo-app

Last synced: 19 days ago
JSON representation

• Host: GitHub
• URL: https://github.com/errytagedesign/microverse-todo-app
• Owner: Errytagedesign
• License: mit
• Created: 2023-07-12T16:43:09.000Z (over 1 year ago)
• Default Branch: main
• Last Pushed: 2023-07-21T10:30:50.000Z (over 1 year ago)
• Last Synced: 2024-10-27T21:21:45.339Z (2 months ago)
• Language: JavaScript
• Size: 677 KB
• Stars: 1
• Watchers: 1
• Forks: 0
• Open Issues: 2
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        


  
Todo List Porject


# 📗 Table of Contents

- [📖 About the Project](#about-project)

  - [🛠 Built With](#built-with)

    - [Tech Stack](#tech-stack)

    - [Key Features](#key-features)

- [💻 Getting Started](#getting-started)

  - [Setup](#setup)

  - [Prerequisites](#prerequisites)

  - [Install](#install)

  - [Usage](#usage)

  - [Run tests](#run-tests)

  - [Deployment](#deployment)

- [👥 Authors](#authors)

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

- [🤝 Contributing](#contributing)

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

- [🙏 Acknowledgements](#acknowledgements)

- [📝 License](#license)

# 📖 A Todo List Projects with Webpack 

A Todo list project developed with webpack and the best combo of HTML,CSS and JAVASCRIPT. In addition, i added Linters for Html,Css and Javascript.

## 🛠 Built With 

1-HTML

2-CSS

3-JS

### Tech Stack 

  Client

  


    
HTML

    
CSS

    
JS

    
webpack

  


### Key Features 

- Add index.html file.

- Add index.js file.

- Add index.css file.

- Add Linters.

- Add Webpack config.

- Add addnRemove.test.js file

- Add editCompleteClear.test.js file

(back to top)


## 💻 Getting Started 

### Prerequisites

1-Web Browser

2-Code Editor

3-Git

### Setup

Clone this repository to your desired folder:

Run this Command:

```sh

  cd my-folder

  git clone https://github.com/Errytagedesign/microverse-todo-app

```

### Install

First you need to install the node package files

Run this command:

```sh

  cd microverse-todo-app

  npm install

```

### Usage

- In order to use this project you either create branch to add more features.

- But in order to run the project run npm start

- Run npm run build when you're done.

### Run Linters

I have added the linters or tests in order to avoid anykind of typos and ensure the good practices in this project. So while using this repository if you need to check your work in html and css you can use below commands

- in order to run the linter test on index.html:

```sh

 npx hint .

```

- in order to run the linter test on stylesheets:

```sh

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

```

### Deployment

- You can easily use github pages, netlify or vercel to deploy your project

  Useful link about Github Pages

  Step by Step guide to deploy using netlify

  Step by Step guide to deploy using vercel

(back to top)


## 👥 Authors 

👤 Sodeeq Awoyemi

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

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

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

(back to top)


## 🔭 Future Features 

- [ ] Add test functionality to test render task function

(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 just give it a star -

(back to top)


## 🙏 Acknowledgments 

I would like to thank Microverse.

(back to top)


## 📝 License 

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

(back to top)