A simplified list crud that adds, removes and edits items

Related tags

Learning resource javascript css html webpack
Overview

To-do list

This project is as simplified todo list crud.

Built With

  • HTML
  • CSS
  • JavaScript
  • Webpack

Live version

See live version

Getting Started

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

Prerequisites

  • Install webpack dependencies
  • lodash librrary needs to be installed.

Setup

run the following commands

  • npm install webpack webpack-cli --save-dev
  • npm install --save lodash
  • npm install --save-dev webpack-dev-server

Run tests

For testing you can do it with the command:

  • npm start

Deployment

You can build the project using the command:

  • npm run build

Authors

👤 **Fernando Saldaña

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

📝 License

This project is MIT licensed.

You might also like...

The awesomebooks project is a simple list, but separated into 3 parts and given a retro feel. The main page is where we can add books, and on another page we can see the list, and remove items. There is also a "contact-us" page.

Awesome Books This is the restructured version of the famous awesome-books project! Here you can find JavaScript broken into modules, using import-exp

Nov 15, 2022

A simple and basic app, where you can add your todo list and remove all selected or one of the items from the list

A simple and basic app, where you can add your todo list and remove all selected or one of the items from the list

Jun 14, 2022

A to-do list set up using webpack. It allows the user to add, remove, edit and check items on the list. All the data is saved in local storage.

Project Name: Webpack-Project: To-Do-List Description of the project: A simple to-do-list app created using webpack. Built With Major languages: HTML

Aug 5, 2022

Given a list of items, only render what's visible on the screen while allowing scrolling the whole list.

Solid Windowed Given a list of items, only render what's visible on the screen while allowing scrolling the whole list. A Solid component. See https:/

Dec 21, 2022

AWS Lambda and API Gateway, simplified for Javascript

AWS Lambda and API Gateway, simplified for Javascript

alanajs AWS Lambda and API Gateway, simplified for JavaScript About alanajs Make setting up Lambda microservices easier than ever. alanajs is a free,

Aug 1, 2022

⚡ It is a simplified database module with multiple functions that you can use simultaneously with sqlite, yaml, firebase and json.

Prisma Database Developed with 💙 by Roxza ⚡ An easy, open source database 📦 Installation npm i prisma.db --save yarn add prisma.db 🔮 Importing impo

Jan 3, 2023

A simplified jQuery date and time picker

jSunPicker A simplified jQuery date and time picker Why another Date picker? There are numerous date, time pickers out there. However, each of those l

May 31, 2022

Simplified JavaScript Jargon

Simplified JavaScript Jargon

Simplified JavaScript Jargon (short SJSJ) is a community-driven attempt at explaining the loads of buzzwords making the current JavaScript ecosystem i

Dec 30, 2022

An unofficial, simplified version of the @Shopify/koa-shopify-auth middleware library.

simple-koa-shopify-auth https://www.npmjs.com/package/simple-koa-shopify-auth NOTE: This package is not maintained by or affiliated with Shopify. Desc

Nov 7, 2022
Comments
  • Addeed add and remove functionality

    Addeed add and remove functionality

    Added a new JS file inside the modules directory

    • Added functionality for adding a new value to the list on enter press.
    • Added functionality to remove a value from the list
    • Added functionality to edit a value on the list
    opened by fasaldana 0
  • Setup project with webpack and setting up the prroject virew

    Setup project with webpack and setting up the prroject virew

    The following tasks have been made:

    • Setup basic requirements with webpack
    • Created the basic structure of the project with HTML and CSS
    • Added basic functionality with JS
    opened by fasaldana 0
  • JavaScript best practices

    JavaScript best practices

    Following JavaScript best practices, there are some good things and some to improve:

    Highlights

    • Not using any console log or windows alerts in the code.
    • node_modules added in .gitignore file.
    • No commented code.

    Things to improve

    • In the tasks.js file there is a declaration of the same variable done inside every function of the class, it can be fixed creating a global variable containing it or inside a function.
    opened by fasaldana 0
  • Peer review 3/29/22

    Peer review 3/29/22

    • HTML very readable
    • Modules set up nicely
    • Perhaps break tasks.js into several modules
    • Event listeners on point
    • Use an h1 instead of h4 and format it
    • Make a method in the TaskList class that stores the to-do list items
    • CSS: use variables
    • Clean
    • Good structure
    • Good naming convention
    • Use a minlength in the input section
    opened by emyrue 0
Owner
Fernando Saldaña
Full-Stack Software Developer. Java - JavaScript - React - Python - Flutter. Looking for new job opportunities.
Fernando Saldaña
GitHub
A cache that automatically removes the least-recently-used items

A cache that automatically removes the least-recently-used items

Evandro Leopoldino Gonçalves 9 Feb 27, 2022
The app helps you to add todo items to your list, mark completed ones and also delete finished items. Its a handy tool for your day today activies. Check out the live demo.

Todo List App The app helps you to add todo items to your list, mark completed ones and also delete finished items. Its a handy tool for your day toda

Atugonza ( Billions ) Joel 14 Apr 22, 2022
The to-do list project is an app that allows users to successfully organize their day by inputting prioritized tasks. The project also allows users to carry out the CRUD operations for (add, edit and delete). Two special features of the app are that it saves tasks in the local storage of the user's browser, so when the user reloads or revisits the app, the user can view a list of tasks formerly inputted, and it allows users to prioritize their tasks by dragging up and down the list section.

TO-DO-LIST This is a To Do List Project that dynamically displays tasks to be done with interactions for removing and adding task when completed or no

Francis Ugorji 9 Nov 1, 2021
A single-page application that allow users to add their To Do items. The items could be checked as completed and the completed task can be removed. Built with JavaScript, HTML and CSS

To Do list Application This is a single page application that allows users to keep track of their tasks. Users can add the task and also check the che

Micheal Oguntayo 4 Oct 14, 2022
Tiny JavaScript library (1kB) by CurrencyRate.today, providing simple way and advanced number, money and currency formatting and removes all formatting/cruft and returns the raw float value.

Zero dependency tiny JavaScript library (1kB bytes) by CurrencyRate.today, providing simple way and advanced number, money and currency formatting and removes all formatting/cruft and returns the raw float value.

Yurii De 11 Nov 8, 2022
A Zotero add-on that scans your Markdown reading notes, tags the associated Zotero items, and lets you open notes for the Zotero items in Obsidian.

Zotero Obsidian Citations Adds colored tags to Zotero items that have associated Markdown notes stored in an external folder. Open an associated Markd

Dae 210 Jan 4, 2023
A mod for Mindustry that adds a few items and liquids, and a whole new tier of upgrades, along with arc

A mod that adds a few items and liquids, and a whole new tier of upgrades, along with arc. Made by Chickenloser and Oreo with help from Duvent.

null 5 Nov 25, 2022
A secondhand marketplace where you can post items for sale, interact with sellers, save items you are interested in.

Curbside - the secondhand market place that's actually pleasant to use Post items for sale, interact with sellers, save items you are interested in. A

Curbside 14 Sep 9, 2022
Demodal is a browser extension that automatically removes content blocking modals including paywalls, discount offers, promts to sign up or enter your email address and more.

Demodal Demodal is a browser extension that automatically removes content blocking modals including paywalls, discount offers, promts to sign up or en

Elbert Alias 225 Jan 4, 2023
A less plugin that removes ant-design global styles

less-plugin-remove-antd-global-styles This is a less plugin that removes ant-design global styles. It works well with vite, webpack, rollup and babel-

null 9 Nov 22, 2022