GameStar

A web app that aims to be the one-stop destination for gamers, providing them with a wealth of information on all the latest game releases.

Click here for live demo GameStar

Criteria

• Target 4-8 hours of development time
• Choose one or two public API's
• Focus on one or two features

Selected Options to Meet the Criteria

Selected API's

• RAWG
• OPENAI_CHATGPT

API usage and Views

• Selected Card View - User can select a video game card and get a CHATGPT description on said video game card.
• Main Card(s) View - User can view multiple video game cards to obtain information on said cards.
• Loader View
• Some level of responsiveness (Desktop, Mobile)

App Flow

• On initial load, a request is sent to the RAWG API to fetch the latest game releases. Automatically, a random game is selected and placed into the selected view (Hero view) which subsequently fetches said random game's summary from ChatGPT.
• The user is then able to select one of the other games to be in the selected view (Hero view).

Other

• One test using vitest.

Selected Tools

• Vite
• React
• TailwindCSS
• React-Query(TanQuery)
• Axios
• ESLint
• Prettier
• Vitest
• Environmental Variables

Usage

1. Read the ENV-GUIDE.md to set your environment variables first.

2. To both install and/or start, run the command:

   make start

3. To run tests, run the command:

   make test

4. To build a production bundle -- into the dist directory, run the command:

   make build