https://github.com/leoziondev/nlw-esports-react
NLW eSports ReactJS - By Rocketseat
https://github.com/leoziondev/nlw-esports-react
radix-ui reactjs tailwindcss typescript vitejs
Last synced: 2 months ago
JSON representation
NLW eSports ReactJS - By Rocketseat
- Host: GitHub
- URL: https://github.com/leoziondev/nlw-esports-react
- Owner: leoziondev
- Created: 2022-09-17T04:11:54.000Z (over 3 years ago)
- Default Branch: main
- Last Pushed: 2022-09-21T21:47:57.000Z (over 3 years ago)
- Last Synced: 2025-07-31T15:38:03.733Z (11 months ago)
- Topics: radix-ui, reactjs, tailwindcss, typescript, vitejs
- Language: TypeScript
- Homepage:
- Size: 1.39 MB
- Stars: 1
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# NLW eSports Mission Ignite - ReactJS
__By Rocketseat__
Projeto eSports desenvolvido durante a 9ª edição do NLW by **Rocketseat** utilizando uma das Stacks mais utilizadas no mercado atualmente (NODE, REACT, REACT NATIVE).
Durante uma semana intensa, tivemos acesso a uma metodologia eficiente com foco no aprendizado, acesso a comunidade com milhares de devs e uma experiência completa como Dev FullStack.
O projeto proposto codinome **Find your Duo**, é uma plataforma que ajuda gamers a encontrarem um parceiro ou parceira para jogar online seu game favorito, conectado a Twitch.
## Tecnologias
- [NodeJS](https://github.com/leoziondev/nlw-esports-server)
- Express
- Typescript
- Prisma
- Prisma Client
- Prisma Studio
- SQLite
- ReactJS
- ViteJS
- Typescript
- Tailwindcss
- Radix UI
- [React Native](https://github.com/leoziondev/nlw-esports-react-native)
- Expo
- React Native
- React Navigation
- Typescript
## Instalações neste projeto
Criar projeto ReactJS com ViteJS
```
npm create vite@latest
```
Tailwindcss
```
npm install -D tailwindcss postcss autoprefixer
```
Inicializar Tailwindcss
```
npx tailwindcss init -p
```
Phosphor React Icons
```
npm install phosphor-react
```
Radix UI Modal
```
npm install @radix-ui/react-dialog
```
Radix UI Checkbox
```
npm install @radix-ui/react-checkbox
```
Radix UI Select
```
npm install @radix-ui/react-select
```
Radix UI Toggle Group
```
npm install @radix-ui/react-toggle-group
```
Axios
```
npm install axios
```
React Toastify
```
npm install react-toastify
```
Swiper Slider
```
npm install swiper
```
### Documentações
- [ViteJS](https://vitejs.dev/guide/)
- [ReactJS](https://pt-br.reactjs.org/docs/getting-started.html)
- [Typescript](https://www.typescriptlang.org/pt/docs/)
- [Tailwindcss](https://tailwindcss.com/docs/installation)
- [Radix UI](https://www.radix-ui.com/docs/primitives/overview/introduction)
- [Phosphor Icons](https://phosphoricons.com/)
- [Axios](https://axios-http.com/ptbr/docs/intro)
- [React Toastify](https://fkhadra.github.io/react-toastify/introduction)
- [Swiper Slider](https://swiperjs.com/react)