Giter Site home page Giter Site logo

sergeiown / shoppinglist Goto Github PK

View Code? Open in Web Editor NEW
0.0 2.0 0.0 697 KB

Drugstore shopping list

Home Page: https://sergeiown.github.io/ShoppingList/

License: MIT License

HTML 4.83% JavaScript 62.04% SCSS 33.13%
javascript scss shopping-list rwd html5 vanilla-javascript es6-plus localstorage global-variables

shoppinglist's Introduction

Drugstore shopping list.

This application is a variation of the shopping list with additional functionality. The app has been developed for training purposes.

dependencies

Functionality:

  • Generation of composite product names with real names added. The names are unique.
  • Generation of an initial shopping list of random length with unique data. Total amount calculation and amount to be paid calculation.
  • Ability to change each product's status to "bought" and "not bought". Cancellation before confirmation is possible.
  • The ability to remove products with "not bought" status from the list. Cancellation before confirmation is possible.
  • Sorting the shopping list by any available product parameter.
  • Filtering of the shopping list by any of the available product parameters and all available parameter values. The lists of parameter values are changed each time the data in the shopping list is changed.
  • Adding a new product to the current shopping list. Normalization of uppercase and lowercase letters when entering a product name. Validation of the new product data entry form. Changing the data of an existing product if the name and price of the new product are identical to the existing product. Products matching only one parameter are not identical. The length of the purchase list is limited to 11 items and cannot be exceeded.

screenshot Only vanilla JavaScript was used to create the project.

shoppinglist's People

Contributors

sergeiown avatar

Watchers

 avatar  avatar

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.