eliasnegasa / playsphere

Game discovery app that provides users with a seamless experience to explore, discover, and learn more about their favorite games.

PlaySphere - Game Discovery App

PlaySphere is a game discovery app built with React, TypeScript, and Vite. It leverages the RAWG API to provide users with a seamless experience to explore, discover, and learn more about their favorite games.

Features

• Game Discovery: Explore a vast collection of games and discover new titles based on your preferences.
• Detailed Information: Access detailed information about each game, including descriptions, ratings, release dates, and more.
• Search Functionality: Easily search for specific games or browse through categories to find what you're looking for.
• Filter by Platform: Narrow down your search by filtering games based on different gaming platforms.
• Sorting Features: Sort games based on criteria such as popularity, release date, rating, and more.
• Responsive Design: Enjoy a consistent and user-friendly experience across various devices.

Tech Stack

Getting Started

1. Clone the repository:

   git clone https://github.com/EliasNegasa/PlaySphere.git

2. Install dependencies:

   cd PlaySphere
   npm install

3. Create a .env file in the project root and add your RAWG API key:

   REACT_APP_RAWG_API_KEY=your-rawg-api-key

   Replace your-rawg-api-key with your actual RAWG API key.

4. Start the development server:

   npm run dev

5. Open your browser and navigate to http://localhost:5173 to view PlaySphere.

Contributing

Contributions are welcome! If you'd like to contribute to PlaySphere, please follow these steps:

1. Fork the repository.
2. Create a new branch for your feature or bug fix.
3. Make your changes and commit them.
4. Push your branch to your fork.
5. Submit a pull request with a clear description of your changes.

Acknowledgments

• The PlaySphere project is inspired by the RAWG game discovery platform.
• Special thanks to the RAWG API for providing rich and up-to-date game data.

Happy gaming with PlaySphere! 🎮

playsphere's Issues

Fetching Data

Playstation games data is not fetching when filtered with platform

Bug: Image optimization

Image Optimization function is causing error for games that has no image

Responsiveness

Platform Filter and Sorting Dropdown is not responsive