https://github.com/bikramai/react-app
Built an app for discovering video games. Features and UI patterns you would expect from a modern app, toggle with the dark and light modes, search for games, filter by genre, platform. As we change filters, the title gets updated dynamically, sort games, load skeletons while fetched from backend.
https://github.com/bikramai/react-app
components css fetch-api forms hooks react states typescript vercel-deployment vite
Last synced: 3 months ago
JSON representation
Built an app for discovering video games. Features and UI patterns you would expect from a modern app, toggle with the dark and light modes, search for games, filter by genre, platform. As we change filters, the title gets updated dynamically, sort games, load skeletons while fetched from backend.
- Host: GitHub
- URL: https://github.com/bikramai/react-app
- Owner: Bikramai
- Created: 2024-07-23T21:51:59.000Z (11 months ago)
- Default Branch: main
- Last Pushed: 2024-09-07T22:50:52.000Z (9 months ago)
- Last Synced: 2025-02-09T05:41:29.522Z (4 months ago)
- Topics: components, css, fetch-api, forms, hooks, react, states, typescript, vercel-deployment, vite
- Language: TypeScript
- Homepage:
- Size: 82 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# React + TypeScript + Vite
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](https://github.com/vitejs/vite-plugin-react/blob/main/packages/plugin-react/README.md) uses [Babel](https://babeljs.io/) for Fast Refresh
- [@vitejs/plugin-react-swc](https://github.com/vitejs/vite-plugin-react-swc) uses [SWC](https://swc.rs/) 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:
```js
export default {
// other rules...
parserOptions: {
ecmaVersion: 'latest',
sourceType: 'module',
project: ['./tsconfig.json', './tsconfig.node.json', './tsconfig.app.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](https://github.com/jsx-eslint/eslint-plugin-react) and add `plugin:react/recommended` & `plugin:react/jsx-runtime` to the `extends` list
# React-App