Games Gallery is a Single Page Application (SPA) designed for users to explore games by category and view details of their chosen games. We provide an exciting and up-to-date experience for gaming enthusiasts.
- Front-end: React, React Redux, React Router,JavaScript.
- API Integration: Free-to-Play Games Database for real-time data.
- Version Control: GitHub with Gitflow.
- Testing: React Testing Library, Jest.
- Build Tool: Create React App.
- Home
The Home section serves as the main landing page, offering users the ability to explore and filter games by category. It provides an overview of available game categories and allows users to click on a specific category to view details about games within that category. This section is designed for users to easily discover and select games based on their interests.
- Details
The Details section provides in-depth information about a selected game from the chosen category. Users can access details such as the game's title, description, platform availability, developer, release date, and more. It serves as a dedicated space for users to get comprehensive insights into the games they are interested in and make informed decisions about which games to explore further.
To get a local copy up and running, follow these steps:
- Clone this repo as described in the setup section.
- Make modifications as preferred
In order to run this project you need: To clone or fork and run it in a browser
Clone this repository to your desired folder:
Example commands:
cd my-folder
git clone git@github.com:JavierAybar/React_Games_Gallery.gitusing Ubuntu:
cd my-desired-folder
git clone git@github.com:JavierAybar/React_Games_Gallery.git- Install dependencies by running:
cd React_Games_Gallery
npm install- To run the project, execute the following command:
npm start-
To run the project, execute the following command:
-
Run
npm startTo run tests, run the following command:
-
to test CSS linter errors
npx stylelint "**/*.{css,scss}" -
to test JavaScript linter errors
npx eslint . -
to run the jest tests
npm test
👤 Javier Aybar
- GitHub: @JavierAybar
- LinkedIn: @JavierAybar
-
User Profiles and Data Storage: Implement user profiles that enable users to create accounts, personalize their profiles, store their game viewing history, and save their game preferences for a tailored experience.
-
Immersive Interactive UI: Develop an immersive user interface that blends real-time updates with interactive features. Utilize animations, dynamic transitions, and user-friendly interfaces to enhance users' engagement with the gaming experience, making them feel more connected to the world of gaming.
Contributions, issues, and feature requests are welcome!
Feel free to check the issues page.
Give a ⭐️ if you like this project!
-
Thanks to all Microverse community.
-
Thanks to Nelson Sakwa the author of the original design Under the Creative Commons License
This project is MIT licensed.