GameHub - Project Details

Screenshots

Description

• Mobile first strategy used!
• Website contains many Games from different platforms!
• GameHub will help you find perfect game for You! The only thing you need to do is choos platform and genres!
• You can search for a game using searchbar.
• Each game is a dedicated card. On the card, You can see the rate of the game, full name, platforms that are avaliable (icons) and type.
• Left panel is the Genres. Click on the genre that suits You and find games.
• App contains both light and dark mode!

Technology Used

• HTML
• CSS
• React
• TS TypeScript
• Chakra Ui
• Vite
• API (from https://rawg.io/apidocs)

What I Learned / Mastered

• Using React + Typescript in one app.
• Using Vite and benefits doing it compared to CRA.
• Working with API, use promises.
• Using interface in Typescript.
• React most usefull hooks in practice.
• Sorting content by the user choices.
• Routing in React.
• Connecting React app to the backend.
• Creating placeholders while website is importing content from backend.