fichimura / hermes

🦸‍♂️Hermes is an app that fetches its information from Platzi Fake Store API, and then displays it accordingly

Home Page:https://hermes-671ef.web.app/

Repository from Github https://github.comfichimura/hermesRepository from Github https://github.comfichimura/hermes

Hermes

About Hermes

Hermes is an app that allows the users to get the products that they are dreaming for. The platform provides an area to Sign Up and Sign In in the navbar part. Once you are logged in, you will get a personal page for yourself, which you can access in the same part in the navbar.

To provide this, the application has a tab in the sidenav called Products. In this one, the user can get all the products available in the platform, and he/she can search for specific products in the search bar by providing the name of the product. Also, in this search bar you can filter by price range(provide Min and Max to it work, if you provide only one value it won't wok since it is a range), and by categories.

Another way to navigate is going in the sidenav and selecting the Categories option. Then the user will see a list of categories available. By selecting one of these, the app will show to you the products from that category for you to go through and enjoy.

How to install

1) Git clone

First clone this repository into your system

In your terminal: git clone https://github.com/fichimura/hermes.git

2) How to install NodeJS

Since it is an angular app, you will need NodeJS

Go to https://nodejs.org/en/download/package-manager, and download the package corresponding to your OS(Give preference to the LTS version). Execute it, follow the steps and finally install it.

If you prefer another way to install it, or if you are having any difficults you can check https://nodejs.org/en/learn/getting-started/how-to-install-nodejs

3) Executing locally

After doing the previous steps, prompt to the local where you cloned this repository and then run npm i

Getting the packages installed successfully, run: npm start

This will show a message in your terminal informing that the app is running in the 4200 port. So open your browser and go to localhost:4200 and you must see the app :)

Link to the app

Or if you don't want to got through this and check the deployed version: https://hermes-671ef.web.app/

About

🦸‍♂️Hermes is an app that fetches its information from Platzi Fake Store API, and then displays it accordingly

https://hermes-671ef.web.app/


Languages

Language:TypeScript 61.5%Language:HTML 32.7%Language:SCSS 5.8%