Ecosyste.ms: Awesome

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

Awesome Lists | Featured Topics | Projects

https://github.com/jugosack/to_do_list_review


https://github.com/jugosack/to_do_list_review

Last synced: 27 days ago
JSON representation

Awesome Lists containing this project

README

        

# To-Do-list

My Microverse todo-list
project (Module two)

# πŸ“— Table of Contents

- [πŸ“– \[🎯 todo-list ](#-todo-list)
- [πŸ›  Built With ](#-built-with-)
- [Tech Stack ](#tech-stack-)
- [πŸš€ Live Demo ](#-live-demo-)
- [πŸ‘ Presentation ](#-presentation-)
- [Deploy my website with github pages":](#deploy-my-website-with-github-pages)
- [- Loom video link:](#-loom-video-link)
- [πŸ’» Getting Started ](#-getting-started-)
- [Prerequisites](#prerequisites)
- [Install](#install)
- [Requirements](#requirements)
- [Run tests](#run-tests)
- [Deployment](#deployment)
- [πŸ‘₯ Authors ](#-authors-)
- [πŸ”­ Future Features ](#-future-features-)
- [🀝 Contributing ](#-contributing-)
- [πŸ‘‹ Show your support ](#show-your-support)
- [πŸ”­Acknowledgments ](#acknowledgments-)
- [πŸ“ License ](#license)

# πŸ“– To Do List

**To Do List** is a web page where the user can see a list of todos, they can also add or remove any todo to the list.

## πŸ›  Built With

Technology


  • HTML

  • CSS

  • Javascript

  • Webpack

  • Linters (Lighthouse, Webhint, Stylelint, Eslint)

  • Git/GitHub work-flow

(back to top)

### Tech Stack

Client



Server

Database

## πŸš€ Live Demo

- [Live Demo Link]()

(back to top)

## πŸ‘ Presentation

- [Loom presentation Link]()

## Deploy my website with github pages":

[link to todo-list:](https://jugosack.github.io/To-Do-list/dist)

## - Loom video link:

[Loom walking through for my-awesome-books: ]()

## πŸ’» Getting Started

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

### Prerequisites

- IDE to edit and run the code (We use Visual Studio Code πŸ”₯).
- Git to versionning your work.

### Install
- first install package.json and node_modules run:
npm init -y

- npm install --save-dev hint

- npm install --save-dev [email protected] [email protected] [email protected] [email protected]

or latest version:
- npm install --save-dev stylelint stylelint-scss stylelint-config-standard stylelint-csstree-validator

- npm install --save-dev [email protected] [email protected] [email protected] [email protected]

or latest version:
- npm install --save-dev eslint eslint-config-airbnb-base eslint-plugin-import babel-eslint

## Requirements

- Linters configuration.

Clone the repository to get start with project, then make sure to install dependencies in the linters file located in the [linter](https://github.com/Bateyjosue/linters-html-css/blob/main/.github/workflows/linters.yml) file

(back to top)

### Run tests

- to test and check the html file/s is error-free run:
npx hint .

- to fix errors run:
npx hint . -f

- to test and check the css file/s is error-free run:
npx stylelint "**/*.{css,scss}"
- to fix errors run:
npx stylelint "**/*.{css,scss}" --fix

- to test and check the js file/s is error-free run:
npx eslint .

- to fix errors run:
npx eslint . --fix

### Deployment

Check for the tests when you generate a pull request and fix the errors if any.
For stylelint error run:sudo npx stylelint "\*_/_.{css,scss}" --fix and it will the fix style issues automatically.

## πŸ‘₯ Authors

πŸ‘€ **Jugoslav Achkoski**

- GitHub: [jugosack](https://github.com/jugosack)
- Twitter: [Jugoslav Achkoski](https://twitter.com/Jugosla22401325)
- LinkedIn: [Jugoslav Achkoski](https://www.linkedin.com/in/jugoslav-achkoski-3a074021/?originalSubdomain=mk)

## πŸ”­ Future Features

- [ ] Add local storage to save todos
- [ ] Add functionality to add and remove todos


## 🀝 Contributing

Contributions, issues, and feature requests are welcome!

Feel free to check the issues page

## πŸ‘‹ Show your support

Give a ⭐️ if you like this project!

(back to top)

## πŸ™ Acknowledgments
- [Microverse Team](https://www.microverse.org/).

I would like to thank Microverse for the information provided to build this project.

(back to top)

## ❓ FAQ (OPTIONAL)

- **Can I use the project for any purpose?**

- Yes, you can use this files for anything you need.

- **Is the information saved in any database?**

- No, all data is saved in Local Storage.

## πŸ“ License

This project is [MIT](https://github.com/jugosack/To-Do-list/blob/main/LICENSE) licensed.

(back to top)