This a todo list project that uses webpack. In this project you will find features like adding tasks, deleting tasks, maintaining localstorage, marking tasks completed and clearing all completed tasks.

Related tags

React webpack-demo
Overview

webpack-Todo list

This a todo list project that uses webpack. In this project you will find features like adding tasks, deleting tasks, maintaining localstorage, marking tasks completed and clearing all completed tasks.

Built With:

  • HTML
  • CSS
  • JavaScript

Live Demo

Getting Started

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

Setup

  1. Copy the repository's link and clone it to your local folder.
  1. Open folder in any of the text editors.

Author

  • GitHub: @NatiDeme / github.com/NatiDeme
  • Twitter: @NatiDemelash / twitter.com/NatiDemelash
  • LinkedIn: Natnael Demelash / linkedin.com/in/natnael-demelash/

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

You might also like...

we are make our components in story book. So if we add some components you can find document and example of useage in storybook.

we are make our components in story book. So if we add some components you can find document and example of useage in storybook.

we are make our components in story book. So if we add some components you can find document and example of useage in storybook.

Aug 12, 2022

Setup all the linters you like for your react app in 1 minute 🚀

Setup all the linters you like for your react app in 1 minute 🚀

Create React Linters 🚀 Setup all the linters you like and don't let 💩 slip into your code base! Eslint | Stylelint | Commitlint | Prettier | EditorC

Nov 18, 2022

"BookStore" is a web app for adding books. It is a Single Page App (SPA) that allows users to add and remove a book from the library

BookStore | M3Wx "BookStore" is a web app for adding and removing books from a library storage. It is a Single Page App (SPA) that allows users to add

Apr 11, 2022

Recipe Buddy is a tool that enables the easy adding of recipes to Grocy through web scraping.

Recipe Buddy The problem I am getting sick of manually importing recipes into Grocy. The solution Overcomplication, naturally. Recipe Buddy is a web a

Dec 17, 2022

React ToDo-App

Getting Started with Create React App This project was bootstrapped with Create React App. Available Scripts In the project directory, you can run: ya

Jan 15, 2022

A plugin that lets you override the Webpack modules public path in webpage runtime.

dynamic-public-path-plugin A plugin that lets you override the Webpack modules public path in webpage runtime. plugin : webpack-runtime-public-path-pl

Jan 25, 2022

IngredientRecipeFinder - Web app built with react using Edamam API to find any recipe for an ingredient search with nutrition filters (high protein, low carb,etc)

Ingredient Recipe Finder Web app This web app built with the use of Edamam API allows you to find any type of recipe for a specific ingredient you are

Jan 4, 2022

Find your duo - front/back/mobile

Find your duo - front/back/mobile

Sobre Este projeto é a trilha Ignite que engloba o projeto (backend, frontend e mobile) Find Your Duo . Aulas 01 - Configuração do ambiente 02 - Desen

Sep 19, 2022

This application allows you to create a list to keep tracks of the books you are reading and check the progress for each book.

This application allows you to create a list to keep tracks of the books you are reading and check the progress for each book.

Bookstore This is an application built to track the books you are reading and the progress you have made for each book! Additional description about t

Feb 27, 2022
Comments
  • Add and Remove feature added to feature

    Add and Remove feature added to feature

    Changes in this push:

    • No linter errors
    • Added add feature
    • Added remove feature
    • Added edit feature
    • All requirements added as listed on project requirement.
    opened by NatiDeme 2
  • JavaScript best practices Self Review

    JavaScript best practices Self Review

    Good Pointers:

    • Very good implementation in terms of keeping global variables on the top section of the JS files
    • Good use of local variables

    Important changes

    • [ ] KISS on different methods under some modules
    • [ ] DRY on setting new index numbers
    • [ ] AYGNI on unimportant module imports on JS files
    opened by NatiDeme 0
  • Peer to Peer Review: ToDo list structure

    Peer to Peer Review: ToDo list structure

    • Icons to the right of the added tasks are currently missing, consider adding proper icons.
    • There is a lodash import that is currently not used, consider removing it.
    opened by jadibdev 0
Owner
Natnael Demelash
Hey there, 👋 My name is Natnael, everyone calls me Nati! I am a full-stack web developer based in Ethiopia specializing in JavaScript, HTML, CSS, and Python.
Natnael Demelash
GitHub
Note Port is a frontend clone of Google Keep. It uses localstorage to save your notes!

Note Port About Note Port is a frontend clone of Google Keep. It uses localstorage to save your notes! Tech Stack React Screenshots Things I want to a

Mohit Dhatrak 3 Sep 10, 2022
👉 Built my first React JS project "ToDo" webapp using some Features and Icons from Material UI.

# Getting Started with Create React App This project was bootstrapped with [Create React App](https://github.com/facebook/create-react-app). ## Avai

Vansh Chitlangia 2 Dec 15, 2021
Webpack is an open-source JavaScript module bundler. This includes basic setup files to help me not redo all the setups for webpack when starting a new project.

Webpack Setup Webpack is an open-source JavaScript module bundler. It is made primarily for JavaScript, but it can transform front-end assets such as

Nemwel Boniface 14 Jun 23, 2022
A full-stack application for junior developers to find jobs that match their skill-level, find gigs in order to boost their resume, and showcase a portfolio.

Junior is a full-stack web application that was created to facilitate junior developers in finding jobs that match their skill-level, boosting their resume through finding and completing gigs, and providing a way to easily showcase a portfolio

Karolina 5 Oct 25, 2022
This is a simpler project than the full webpack source code, and you can understand the design ideas in webpack through it

my-webpack 这是一个简化版的webpack，旨在于理解webpack的设计原理以及webpack当中 loader和plugin的区别，运行方式。 运行步骤如下(方案一)： 切换到my-webpack目录，运行npm install 切换到test目录，运行npm install 在tes

null 14 Sep 30, 2022
A website built with React, Redux, and Tailwind for styling. The project is displaying a list of books, adding, and removing books.

Bookstore "Bookstore" is a website built with React, Redux, and Tailwind for styling. The project is displaying a list of books, adding, and removing

Shady Shawkat 5 Dec 19, 2022
Eisen Matrix - a prioritization app that uses Eisenhower matrix technique as workflow to prioritize a list of tasks & built with React Native

Eisen Matrix is a prioritization app that uses Eisenhower matrix technique as workflow to prioritize a list of tasks & built with React Native for learning purposes inspired by Einsen which is written in Kotlin.

Nafees Nazik 11 Nov 28, 2022
Auto-claim all games from an itch.io bundle, adding them to your library

itchio-bundle-claimer Auto-claim all games from an itch.io bundle, adding them to your library. For example, "Bundle for Ukraine." How to Use Prerequi

null 14 Jan 2, 2023
A simple Todo-List app created using React

TodoLst-UsingReact This is a simple Todo-List app created using React, it performs operations like, allowing users to input list of todos, edit a todo

Kanu Mike Chibundu 5 Mar 11, 2022
This is full stack todo Application which has front end and backend side on my own. So you can try this out. Build using

Full Stack Todo Application Hello Everyone... Here I am sharing some information about the TODO APP which I build using React, Redux, Material UI, Exp

Nayan Ingale 5 Nov 8, 2022