To Do List

📗 Table of Contents

• 📖 About the Project
  • 🛠 Built With
    • Tech Stack
    • Key Features
  • 🚀 Live demo
• 💻 Getting Started
  • Setup
  • Prerequisites
  • Install
  • Usage
  • Run tests
  • Deployment
• 👥 Authors
• 🔭 Future Features
• 🤝 Contributing
• ⭐️ Show your support
• 🙏 Acknowledgements
• 📝 License

📖 "To Do List"

To Do List

"To-do list" is a tool that helps to organize your day. It simply lists the things that you need to do and allows you to mark them as complete

🛠 Built With

Tech Stack

HTML

• This project use HTML.

CSS

• The CSS is used to provide the design in the whole page.

Linters

• The Linters are tools that help us to check and solve the errors in the code
This project count with three linters:
• HTML
• CSS
• JavaScript

Webpack

• HTML Webpack Plugin
• Webpack Style/CSS Loader
• Local dev Server

Key Features

In this section there are some features that you can notice in the project

• Single page
• Simple interface
• Add and remove task function
• Mark task as completed and deleted all completed
• Data saved in LocalStorage

(back to top)

Live Demo

Here you can see and test the app.

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

• To have a Git in your device : this is in order to clone and modify this project.
• To have a code editor : such as VS code, Atom or another that you would like to use.
• To have a web local server such as XAMPP : this is in with the purpose of you will be able to watch the changes you make in the project.
• Have basic knowledge about HTML, CSS and JS in order to understand the code and be able to modify the elements you want.
• Count with Node.js in your device due to it is a tool needed to run the linters

Setup

Clone this repository to your desired folder:

• Clone this repo on your local device you need to open Git Bash and paste the link with the command

  cd my-folder-name
  $ git clone https://github.com/AndreaM2429/Capstone_project_Conference_page

Install

In order can run the linters tools you need use the following commands in your local work environment:

  npm install --save-dev hint@7.x
  npm install --save-dev stylelint@13.x stylelint-scss@3.x stylelint-config-standard@21.x stylelint-csstree-validator@1.x
  npm install --save-dev eslint@7.x eslint-config-airbnb-base@14.x eslint-plugin-import@2.x babel-eslint@10.x

Note: About the webpack server you need to run the following command inside the directory webpack-demo. You can check the documentation here

npm start

Usage

Now you are able to modify the files in the webpack-demo/src, but be careful just modify the HTML, CSS and JS the rest of them are for the funcionality of webpack so NOT MODIFY THEM.

Run tests

To see the linter errors run the following codes for:

• HTML

 npx hint .

• CSS

 npx stylelint "**/*.{css,scss}"
  
 To fix the errors add --fix

• JS

 npx eslint .
  
 To fix the errors add --fix filename.js

Deployment

To deploy this project by someone who isn't the owner is prohibit.

(back to top)

👥 Author

👤 Andrea Manuel

• GitHub: @AndreaM2429
• Twitter: @twitter
• LinkedIn: LinkedIn

(back to top)

🔭 Future Features

• Add events to move the list elements

(back to top)

🤝 Contributing

Contributions, issues, and feature requests are welcome!

Feel free to check the issues page and add your thoughts

(back to top)

⭐️ Show your support

If you like this project you could clone the repo and work with it or do the changes in a new branch. Also you could let a message with your thoughts

(back to top)

🙏 Acknowledgments

I would like to thank Microverse for provided the necessary resources for this project.

(back to top)

📝 License

This project is MIT licensed.

(back to top)