Game Store Application
This project is a JavaScript-based game store application that utilizes the RAWG API to fetch and display information about various video games. Users can search for games, view detailed information about each game, and explore different genres and platforms. The app features a user-friendly interface built with JavaScript, HTML, and CSS, and provides a seamless experience for browsing and discovering games.
To set up and run the Game Store Application, follow these steps:
-
Clone the Repository:
git clone https://github.com/yourusername/game-store-app.git
-
Navigate to the Project Directory:
cd game-store-app -
Install Dependencies: This project does not require any additional dependencies beyond a modern web browser. Ensure you have the latest version of Node.js and npm installed, as they are used for managing packages and running scripts.
-
Set Up API Key: Obtain a RAWG API key by signing up at RAWG API. Create a file named
.envin the root directory of the project and add your API key:RAWG_API_KEY=your_api_key_here -
Start the Application: Open
index.htmlin your web browser to start using the application.
-
Search for Games: Use the search bar at the top of the page to enter game titles or keywords. Press Enter or click the search icon to view results.
-
View Game Details: Click on any game from the search results to view detailed information, including game description, release date, and ratings.
-
Explore Genres and Platforms: Navigate to the genres or platforms sections to filter games by category or platform. Click on a genre or platform to see a list of relevant games.
-
User Interface Features:
- Search Bar: Allows users to search for games by title or keyword.
- Game Cards: Displays basic information about each game in a card format.
- Details Page: Shows comprehensive information about a selected game.
- Filters: Enables users to refine their search by genre or platform.
Link to output https://harshpatel1001.github.io/JavaScript-LabWeek13/