/Game-Website-React

The game website was developed using vite with React which uses a faster and more efficient build system and provides a faster and more efficient development server.

Primary LanguageTypeScript

logo

Node React Axios Bootstrap

The game website was developed using vite with React which uses a faster and more efficient build system and provides a faster and more efficient development server. The website UI was cloned from the website rawg.io which also provides a list of APIs for the website. Users are able to search games by name or genre or platform, filter the games with different options and also switch from dark/light mode. React Query and Zustand libraries were used for state management.

Web capture_27-11-2023_142311_game-website-react vercel app

Dependencies

npm

npm -v
10.2.4

React

React is a free and open-source front-end JavaScript library for building user interfaces based on components.

"react": "^18.2.0",
"react-dom": "^18.2.0",

React Icons

Include popular icons in your React projects easily with react-icons, which utilizes ES6 imports that allows you to include only the icons that your project is using.

"react-icons": "^4.12.0"

Chakra UI

Chakra UI is a simple, modular and accessible component library that gives you the building blocks you need to build your React applications.

"@chakra-ui/react": "^2.8.2",

Axios

Axios is a promise-based HTTP Client for node.js and the browser. It is isomorphic (= it can run in the browser and nodejs with the same codebase). On the server-side it uses the native node.js http module, while on the client (browser) it uses XMLHttpRequests.

"axios": "^1.6.2"

React Query

React Query is often described as the missing data-fetching library for React, but in more technical terms, it makes fetching, caching, synchronizing and updating server state in your React applications a breeze.

"@tanstack/react-query": "^5.14.2"

Zustand

A small, fast and scalable bearbones state-management solution using simplified flux principles. Has a comfy API based on hooks, isn't boilerplatey or opinionated.

"zustand": "^4.4.7"

Bootstrap

Bootstrap is a free and open-source CSS framework directed at responsive, mobile-first front-end web development.

"bootstrap": "^5.3.2"

Installation

Clone the repository

git clone https://github.com/rohan-bhautoo/Game-Website-React.git

Install the dependencies

npm i

Usage

Execute the command below to open a local session.

npm run dev

Author

👤 Rohan Bhautoo

Show your support

Give a ⭐️ if this project helped you!