This is a project developmented by Luis Miguel González to make the technical test for the company Serempre, this project was generated with Angular CLI version 10.1.3.
What was the hardest thing of this test? As Front end developers we use to work with layouts frameworks that really help a lot to make the components, but when you have to face a project using "hand-made" functionalities and layaouts it became hard, and it became harder when you have to be a "pixel perfect" and work with media querys to fix the responsive problems, also i you dont have a solid fundation of javascript. In this project i implemented Cloud Firestore as a service of backend to store and bring the detail product data of the project.
Good to know All the components in the project and the functionalities were made "hand-made", i only use bootstrap to use the col but i mixed with scss to be more accurate with the layout, is resposive so try it in other devices. To persist the data i used Cloud Firebase. And finally you can change the image carousel pressing the arrow left and Right keys to be more accessible.
The web page is host by GitHub Pages, you can visit it with the next Link: https://luismimultimedia.github.io/eshop/.
Before you do the next step, make sure to have install angular, if you havent please install it npm install -g @angular/cli
git clone https://github.com/Luismimultimedia/eshop
First open the project and the in a terminal write git checkout dev
npm install or npm i, its possible that after npm is intalled angular will ask you if you want to share analitycs data
npm i node-sass
npm start
To get more help on the Angular CLI use ng help or go check out the Angular CLI README.