Todo-list

In this project we're challenged to create a todo-list, that has functions of adding and removing tasks and a drag-drop feature that can re-order the tasks;

Built With

• Js
• Html
• Css

Live Demo

Live Demo Link

Getting Started

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

Prerequisites

• Git/GitHub;
• Optional ( IDE installed in your machine ) - recommended IDE: Vscode;
• Node installed locally;

Setup

• To clone this repo:
  • Open the Terminal(Mac/Linux) or the Cmd (Windows);
  • Navigate to where you want to paste the Repo folder;
  • Type git clone https://github.com/nelsinofrancisco/todo-list.git;
  • Open the folder todo-list that was created on your IDE;

Install

• To install all the dependencies in the package-lock.json:
  • Open the Terminal(Mac/Linux) or the Cmd (Windows);
  • Navigate to be inside the todo-list repo folder;
  • Run npm install or npm i;

Run tests

• Linters Tests:
  • Eslint: run npx eslint .
  • Stylelint: run npx stylelint "**/*.{css,scss}"
  • WebHint: run npx hint --telemetry=off .
  • LightHouse: run lhci autorun --upload.target=temporary-public-storage --collect.staticDistDir=.
• Run a Live Version of the Dist Folder:
  • Run npm start
• To build the webpack:
  • Run npm run build

Deployment

The Page is Deployed in the branch gh-pages;

Authors

👤 Author1

• GitHub: @nelsinofrancisco
• Twitter: @twitterhandle
• LinkedIn: LinkedIn

🤝 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!

Acknowledges

• All the Icons in the website are provided by fontAwesome, read more about the license here

📝 License

This project is MIT licensed.