https://github.com/alef-basilio/e-commerce---frontend---04-2024

An e-commerce where the user can browse the home page and see the products. JavaScript, Fake Store API, HTML and CSS.
https://github.com/alef-basilio/e-commerce---frontend---04-2024

css fakestoreapi front-end frontend html javascript js

Last synced: 2 days ago
JSON representation

An e-commerce where the user can browse the home page and see the products. JavaScript, Fake Store API, HTML and CSS.

• Host: GitHub
• URL: https://github.com/alef-basilio/e-commerce---frontend---04-2024
• Owner: Alef-Basilio
• Created: 2024-04-03T19:06:34.000Z (8 months ago)
• Default Branch: master
• Last Pushed: 2024-08-26T20:53:59.000Z (3 months ago)
• Last Synced: 2024-08-26T23:50:46.984Z (3 months ago)
• Topics: css, fakestoreapi, front-end, frontend, html, javascript, js
• Language: JavaScript
• Homepage: https://alef-basilio.github.io/E-commerce---FrontEnd---04-2024/
• Size: 277 KB
• Stars: 2
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
Deploy link:


@[Product Online Store](https://alef-basilio.github.io/E-commerce---FrontEnd---04-2024/)

```

https://alef-basilio.github.io/E-commerce---FrontEnd---04-2024/

```

Product Online Store



Topics: 

Technolgies |

How was made |

Objective





An e-commerce where the user can browse the home page and see the products.





  


    

  


Technologies

JavaScript, HTML and CSS.


### API:

Fake Store API.

How was made

Inspired by patterns in the interfaces of other e-commerces, both in terms of design and functionality, I focused on the presentation of products through their information and the simplicity of navigation.


I made a class in the API fetch trying to make it easier to use later, but I didn't follow SOLID's Single Responsibility Principle, although it really made it easier.

All elements was responsive since from creation for all different devices.

Objective

Understand how different technologies (JS, Git, etc.) and concepts are combined into the same application.