Hopium

About:

Hopium is hope about getting better at games after buying them.
This website's goal is about "selling" all those games.
I know it's not "the best" website but still I'm proud of it.

Requerments to run the project:

• Visual Studio "Live Server" extension

Tegnologies used:

• HTML
• CSS
• JavaScript
• JSON
• Bootstrap

How this website looks:

Header:

• Beautiful background image with navigation bar and button "See All Games" which redirects you to the "Catalog" section.

Main:

• It's showing only "New and Trending" items which they are represented in cards.
• Those item cards have image, name, description, genres, rating and price.

• In "Discounted" section it's showing items with calculated 20% off price.

• Section "Catalog" is showing all games without filters and sorting.
• Also there is text which calculates how many items are showing and filter button which is showing filters description.

• "Catalog" section when "Price filter (from 40 euro to 50 euro for PC and from 50 euro to 60 euro for mobile)" is pressed.

• When button "Filter description" is pressed.

• When "Alphabetical a-z" is pressed.

• When item is added to the cart.

Footer:

• They are diffrent links in every button.

Challenges:

I think the biggest challenge was putting things together.