This project is a game interface based on Valorant game UI from Riot Games made with ReactJS and NextJs. The proposal of this project is for code practice. THe ursers can access many game data like characters, habilities, ranks, guns and other informations from a fake API.
 |
 |
 |
 |
Run this command on project root folder
yarn install
or with npm
npm install
Run this command on project root folder
yarn dev
or with npm
npm run dev
The project will run on this address:
http://localhost:3000
- axios: Promise based HTTP client for the browser and node.js
- cors: Node.js CORS middleware
- framer-motion:
- next: The React Framework
- next-react-svg: Transform your svg image to a React component.
- polished: A lightweight toolset for writing styles in Javascript.
- react: React is a JavaScript library for building user interfaces.
- react-dom: React package for working with the DOM.
- react-paginate: A ReactJS component that creates a pagination.
- styled-components: Visual primitives for the component age. Use the best bits of ES6 and CSS to style your apps without stress
- swr: React Hooks library for remote data fetching
- babel-plugin-styled-components: Improve the debugging experience and add server-side rendering support to styled-components
- eslint: An AST-based pattern checker for JavaScript.
- eslint-config-airbnb: Airbnb's ESLint config, following our styleguide
- eslint-config-prettier: Turns off all rules that are unnecessary or might conflict with Prettier.
- eslint-config-standard: JavaScript Standard Style - ESLint Shareable Config
- eslint-import-resolver-typescript: TypeScript .ts .tsx module resolver for
eslint-plugin-import. - eslint-plugin-import: Import with sanity.
- eslint-plugin-jsx-a11y: Static AST checker for accessibility rules on JSX elements.
- eslint-plugin-node: Additional ESLint's rules for Node.js
- eslint-plugin-prettier: Runs prettier as an eslint rule
- eslint-plugin-promise: Enforce best practices for JavaScript promises
- eslint-plugin-react: React specific linting rules for ESLint
- eslint-plugin-react-hooks: ESLint rules for React Hooks
- nprogress: Simple slim progress bars
- prettier: Prettier is an opinionated code formatter
- typescript: TypeScript is a language for application scale JavaScript development
Give a ⭐️ if you like this project!
If you want to contact me you can reach me at luanmessias03@gmail.com.
