Git Product home page Git Product logo

gardimy / todo-list Goto Github PK

View Code? Open in Web Editor NEW
4.0 1.0 0.0 370 KB

In this project, I add some functionality to my application to make it interactive. The user will also be able to mark task completion by selecting the corresponding checkbox (or undo it by unchecking the checkbox). The updated tasks list will be stored in local storage.

Home Page: https://gardimy.github.io/Todo-List/dist/

License: MIT License

JavaScript 58.79% HTML 18.65% CSS 22.56%
eslint html lighthouse stylelint webhint css5 javascript luxon webpack

todo-list's Introduction

To do list: Interactive list

Interactive list

πŸ“— Table of Contents

πŸ“–Interactive list

In this project, I add some functionality to my application to make it interactive. The user will also be able to mark task completion by selecting the corresponding checkbox (or undo it by unchecking the checkbox). The updated tasks list will be stored in local storage.

πŸ›  Built With

Tech Stack

This project focuses only on linters and .gitignore. and JS or Server are included in this repo.

Client
Server

Key Features

Use webpack to bundle JavaScript.

  • [Use webpack to bundle JavaScript.]
  • [Use ES6 modules to write modular JavaScript.]
  • [use proper ES6 syntax.]

(back to top)

🀝 Contributing

Contributions, issues, and feature requests are welcome!

Feel free to check the issues page.

(back to top)

Live Demo

(back to top)

πŸ’» Getting Started

If you are a new developer and would like to have a basic project to start practicing your code or creating your first project Using the most receent version of javaScript ,HTML and CSS : Cloning this project will give you what you need!

To get a local copy up and running, follow these steps: npm run dev or npm start to start this app.

Prerequisites

In order to run this project you need:

  • Have npm installed in your project: curl -qL https://www.npmjs.com/install.sh | sh

Setup

Clone this repository to your desired folder:

https://github.com/Gardimy/Webpack_setup

or

https://github.com/Gardimy/Webpack_setup <-- Only if you have SSH keys configured on your GitHub account.

Install:

run the npm install command in your console.

Usage

To run the linters before committing any changes to your code, execute the following commands:

npx hint . npx stylelint "**/*.scss" <--NOTE: this repo is set up to use with SCSS. If you would like to use CSS, you must replace "**/*.scss" with "**/*.{css,scss}" in line 48 of the .stylelintrc.json file, and run the linter with:

npx stylelint "**/*.{css,scss}" instead.

(back to top)

πŸ‘₯ Authors

πŸ‘€ Gardimy Charles

πŸ”­ Future Features

  • Use webpack to bundle JavaScript.
  • Use proper ES6 syntax.
  • Use ES6 modules to write modular JavaScript.

⭐️ Show your support

If you like this project please give me a star on GitHub.And Don't hesitate to follow me on github, you will have the opportunity to get all updating available for this project.

πŸ™ Acknowledgments

I would like to thank microverse for teaching me this Skills

πŸ“ License

This project is MIT license licensed.

(back to top)

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    πŸ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. πŸ“ŠπŸ“ˆπŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❀️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.