Rpcraig123 / RAWG-API-Project

Home Page:rawg-api-project.vercel.app

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

RAWG Router

Date Started: 9/30/21

By: Ryan Craig

LinkedIn | Deployed Link

rawg

Description

Discover new video games with this RawG API powered web app. Created with Vue.js. Not currently compatible with mobile display sizes.


Getting Started

  1. Click on the Deployed Link above to navigate to the deployed application.
  2. The app will open to the home page which will display all of the video game genres.
  3. The user can click on one of these genres and view games sorted by metacritic scores, or the user can search titles by keyword using the search bar at the top of the home screen.
  4. When viewing games by genre, the user can navigate through the games using the pagination controls at the bottom of the page.
  5. Afte clicking on one of the games, the user will be taken to a details page for that game. Details page currently only includes the front cover of the game and the title.

Technologies Used

  • Vue.js
  • CSS
  • Axios
  • RawG API

Future Updates

  • Additional CSS styling to improve appearance and make the app compatible with mobile displays.
  • Implementing additional sorting options when viewing the games by genre.
  • Add an about page that just gives general information about the app and how to use it.
  • Add more details to the game details page.
  • Add a loading animation to be displayed before all of the game content has been loaded.

About

rawg-api-project.vercel.app


Languages

Language:Vue 63.6%Language:CSS 22.0%Language:JavaScript 8.2%Language:HTML 5.8%Language:Shell 0.4%