Check it out! I made this app with TypeScript, Vitejs, React, and Chakra-ui! π
Itβs official: Iβve fallen in love with TypeScript. Itβs awesome - it catches most errors and makes coding faster and easier once you get the hang of it.
I gotta admit, there might be a hiccup or two because I'm still getting the hang of Chakra-ui, reactQuery, hook-form, zustang, zod and most importantly - TypeScript. But hey, every mistake is a lesson learned, right? π
The app is mobile responsive! So you can take it with you wherever you go. π±
To run on your machine:
First install git if it doesn't exist on your computer.
Then in the terminal: git clone https://github.com/MTraveller/csgo-match-stats.git
npm i
&& npm run dev
, additional commands ->
npm run build
: Builds into ./dist foldernpm run lint
: checks code with eslintnpm run test
: run tests with jestnpm run preview
: runs a production build
-
react-hook-form resolvers
react-hook-form-resolvers
is a library for custom validation rules in React forms.
-
react-hook-form
react-hook-form
is a library for simplified React form input validation and handling.
-
reactQuery
react-query
is a library for data fetching and caching in React applications.
-
zustand
zustand
is a small, fast and scalable state management library for React applications.
-
zod
zod
is a TypeScript-first schema validation library with a focus on developer experience.