https://github.com/heliomar-pena/poo_products_application

A little practice of javascript oriented to objects
https://github.com/heliomar-pena/poo_products_application

Last synced: 18 days ago
JSON representation

A little practice of javascript oriented to objects

• Host: GitHub
• URL: https://github.com/heliomar-pena/poo_products_application
• Owner: heliomar-pena
• Created: 2021-10-30T12:33:48.000Z (about 3 years ago)
• Default Branch: dev
• Last Pushed: 2021-10-30T13:03:08.000Z (about 3 years ago)
• Last Synced: 2024-06-13T04:13:31.004Z (5 months ago)
• Language: JavaScript
• Size: 5.86 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        


  


  

  


POO Products Application

  



[![forthebadge](https://forthebadge.com/images/badges/made-with-javascript.svg)](https://forthebadge.com)

[![forthebadge](https://forthebadge.com/images/badges/built-with-love.svg)](https://forthebadge.com)

A little practice of javascript oriented to objects

### Class

1. Product: It's the responsable of create products with a name, price, year and id, and their common methods

2. ProductList: It's the responsable of create a Array of Products (list), have the methods to add and remove products, too have methods to save and recovery the product list in the localstorage, but this can be improve adding an ID to each product list and saving multiples instances of products lists in the LocalStorage using the ID

3. UI: It's the responsable of control the DOM. Have static methods because it don't need to create a instance to work

### Colors

I have used bootswatch theme to change the colors, if you want personalize this u can search a Bootswatch theme, here: https://bootswatch.com/ . And change the CSS linked file with the URL theme you want

```HTML

  

```

### How to do this practice?

I have follow this video: https://www.youtube.com/watch?v=nqre9kKFRpc. I have used my self knowledges of Javascript POO to try improve this code. I will like too that this repository work to talk about good practices, ways to improve the code, and like a guide to who wants see a P.O.O Javascript code to learn too

### Discussion section

Feel you free of open a discussion to talk about the practices in this project and suggest improves or ask questions about doubts that you have