https://github.com/ajitagupta/react-rawg-clone

Frontend clone of the game database rawg.io in ReactJS
https://github.com/ajitagupta/react-rawg-clone

chakra-ui games learning-by-doing learning-react project-based-learning rawg-clone rawg-frontend react reactjs

Last synced: about 1 year ago
JSON representation

Frontend clone of the game database rawg.io in ReactJS

• Host: GitHub
• URL: https://github.com/ajitagupta/react-rawg-clone
• Owner: ajitagupta
• Created: 2024-07-05T12:09:35.000Z (almost 2 years ago)
• Default Branch: main
• Last Pushed: 2024-07-14T22:17:55.000Z (almost 2 years ago)
• Last Synced: 2025-01-27T05:55:10.591Z (about 1 year ago)
• Topics: chakra-ui, games, learning-by-doing, learning-react, project-based-learning, rawg-clone, rawg-frontend, react, reactjs
• Language: TypeScript
• Homepage: https://react-rawg-clone.vercel.app
• Size: 106 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          
# RAWG Clone in ReactJS using Chakra UI

![Static Badge](https://img.shields.io/badge/RAWG%20Clone-Project-blue) ![Static Badge](https://img.shields.io/badge/ReactJS-Learning%20React-green) ![Static Badge](https://img.shields.io/badge/Chakra%20UI-Learning%20React-green) ![Static Badge](https://img.shields.io/badge/Responsive%20Design-Learning%20React-green)

## Overview

The React RAWG Clone is designed to mimic the functionality and aesthetic of the RAWG database, but with our own unique twist. Leveraging the power of ReactJS for dynamic content rendering and Chakra UI for a clean, responsive design, this site offers a modern, intuitive interface for users to explore a vast array of video games.

## Features

- Dynamic Game Listings: Browse through a comprehensive list of video games with real-time data fetching.

- Responsive Design: Enjoy a consistent user experience across all devices, thanks to Chakra UI.

- Search Functionality: Easily find your favorite games using the robust search feature.

## How to Use

1. Clone the repository:

``

git clone https://github.com/yourusername/react-rawg-clone.git

``

2. Install dependencies:

```

cd react-rawg-clone

npm install

```

3. Run the app:

``

npm start

``

Visit http://localhost:3000 in your browser to see the app in action.

## Technical Details

- ReactJS: A JavaScript library for building user interfaces.

- Chakra UI: A simple, modular, and accessible component library for React.

## Future Enhancements

- User Authentication: Allow users to create accounts and save their favorite games.

- Improved Search Algorithms: Enhance search functionality with filters and sorting options.

- Community Features: Add forums and user reviews to foster a community around gaming.

## Contributing

We welcome contributions! Feel free to submit issues and pull requests to help improve the project.