indiamaris/indiagames-2023

IndiaGames is a video game discovery web app that helps you find new and exciting games to play. With IndiaGames, you can search for games by platform, genre, and more.

INDIA games 2023

React18 + TypeScript + Vite + Chakra UI +a bunch of cute React Icons

My Highest Skill Developed in this project:

INDIA games 2023

-- to check versions and change settings according to current documentation.

React18 + TypeScript + Vite + Chakra UI +a bunch of cute React Icons

My Highest Skill Developed in this project:

-- To check versions and change settings according to current documentation.

MY Developed Skills

• Build front-end apps with React and TypeScript
• Build reusable function components
• Style your components using vanilla CSS, CSS modules, and CSS-in-JS
• Manage component state
• Build forms with React Hook Forms
• Implement form validation using Zod
• Connect your React apps to the backend
• Deploy your React apps
• Use VSCode shortcuts to increase your productivity
• Write clean code like a pro
• Apply best practices
• Check versions and change settings according to current documentation.

INDIA games 2023

This is the project I built in Ultimate React18 course but it's not exactly the same as the mentor did, I made my changes, I made different choices for icons, I inserted stars and I let my creativity flow. After that project I fell having better and solid understanding of React and I am fully able to build real-world applications with React and TypeScript.

In general, IndiaGames is a video game discovery web app that helps you find new and exciting games to play. With IndiaGames, you can search for games by platform, genre, and more.

Getting Started

To get started with INDIA games, follow these steps:

1. Clone this repository to your local machine.
2. Run npm install to install the required dependencies.
3. Get a RAWG API key at https://rawg.io/apidocs. You'll have to create an account first.
4. Add the API key to src/services/api-client.ts
5. Run npm run dev to start the web server.

This template provides a minimal setup to get React working in Vite with HMR and some ESLint rules.

Currently, two official plugins are available:

• @vitejs/plugin-react uses Babel for Fast Refresh
• @vitejs/plugin-react-swc uses SWC for Fast Refresh

Expanding the ESLint configuration

If you are developing a production application, we recommend updating the configuration to enable type-aware lint rules:

• Configure the top-level parserOptions property like this:

   parserOptions: {
    ecmaVersion: 'latest',
    sourceType: 'module',
    project: ['./tsconfig.json', './tsconfig.node.json'],
    tsconfigRootDir: __dirname,
   },

• Replace plugin:@typescript-eslint/recommended to plugin:@typescript-eslint/recommended-type-checked or plugin:@typescript-eslint/strict-type-checked
• Optionally add plugin:@typescript-eslint/stylistic-type-checked
• Install eslint-plugin-react and add plugin:react/recommended & plugin:react/jsx-runtime to the extends list