Skip to content

Rockstar Hub: Discover, Explore, Game. Powered by React, TypeScript, and Chakra UI, it's your gateway to a vast gaming universe. Find, filter, and personalize your gaming experience with ease. Join us and start gaming smarter today!

Notifications You must be signed in to change notification settings

nayefserag/Rockstar-hub

Repository files navigation

Rockstar Hub

Rockstar Hub is a gaming website built using React, TypeScript, Chakra UI, and Vite. It offers a clean, modern interface to browse and learn about a variety of games using data from the RAWG API.

Description

Rockstar Hub aims to be a go-to resource for gamers to discover new titles and see ratings, trailers, descriptions, release dates, and more. The frontend allows seamless browsing and searching of the game catalog.

Some key features and technologies:

  • Browse, search, and filter games using React and TypeScript
  • Clean, responsive UI built with Chakra UI component library
  • Lightning-fast interface powered by Vite
  • Node.js backend with custom API to track website visitors
  • Integrates RAWG API to display game data
  • Attractive, custom theming system

Usage

The site is currently in development but will allow users to:

  • Browse games by category, release year, platform
  • View trailers, descriptions, reviews and more for each game
  • Search for games by title, genre, tag, etc
  • Create wishlists and collections of favorite games
  • Read curated recommendations from the editorial team

And more features coming soon!

Installation

Clone the repository:

git clone https://github.com/nayefserag/Rockstar-hub.git

Install dependencies:

npm install
npm run dev

API Reference

Rockstar Hub uses the RAWG Video Games Database API to retrieve and display game data.

It also has a custom Node/Express API for tracking website analytics.

Contributing

Pull requests are welcome! Please open an issue first to discuss what changes you'd like to make.

Let me know if you would like any changes or have additional information to include! I tried to highlight the key technologies and features that make your project stand out ^_^

About

Rockstar Hub: Discover, Explore, Game. Powered by React, TypeScript, and Chakra UI, it's your gateway to a vast gaming universe. Find, filter, and personalize your gaming experience with ease. Join us and start gaming smarter today!

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published