• 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
• [FAQ]
• License

[MY-TODO-LIST]

MY-TODO-LIST is a project i worked to help clients all around the world set goals/tasks according to priority.

Built With

Visual Studio Code, Github

Tech Stack Frontend Technology

The Tech stack used in this project is the frontend technology and it consists of just the index.html,scipt.js and styles.css and webpack files

Key Features

• [Fresh quality content]
• [Speed and responsive]
• [Easy to use]
• [Adding and removing of tasks]

Live Demo

• Live Demo Link

Getting Started

All necessary files about the concert are present in the repo so run/install it and check through for any information you might need.

Prerequisites

In order to run this project you need: A browser A good internet connection Visual Studio Code [OPTIONAL]

Setup

Clone this repository to your desired folder:

• cd my-project
  • git clone https://github.com/David-Lanzz/My-ToDo-List.git

Install

Install this project with:

• cd MY-TODO-LIST
• npm install

Usage

To run the project, Click on the live Demo link or...

• git clone https://github.com/David-Lanzz/My-ToDo-List.git
• cd My-ToDo-List
• npm install
• npm start

Run tests

To run tests, run the following command: npm install --save-dev [email protected] [email protected] [email protected] [email protected] npx stylelint "**/*.{css,scss}"

npm install --save-dev [email protected] npx hint .

npm install --save-dev [email protected] [email protected] [email protected] [email protected] npx eslint .

Deployment

You can deploy this project using:

githack and github pages

Authors

Author1

• GitHub: @githubhandle
• Twitter: @twitterhandle
• LinkedIn: LinkedIn

Future Features

• [A feature that allows users drag and drop tasks to desired position]

Contributing

Contributions, issues, and feature requests are welcome!

Feel free to check the issues page.

Show your support

If you like this project... please leave me a comment in my twitter account, Thankyou

Acknowledgments

I will like to give kudos to microverse for assigning the creation of this project to me.

FAQ

• How did you get the linters to work for the html and CSS

  • Move into the project directory, copy and run the following commands:

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

  then: npx stylelint "**/*.{css,scss}" to test for CSS and npx hint . for HTML

• How did you align the elements to stack on or beside eachother

• Use flex or grid boxes

License

This project is MIT licensed.