Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/sucodelarangela/esports-ignite

MVP de uma plataforma web e mobile para encontrar parceiros para seus jogos favoritos. Desenvolvido para estudos de React Native.
https://github.com/sucodelarangela/esports-ignite

expo-cli prisma radix-ui react react-native rocketseat tailwind typescript vitrinedev

Last synced: about 1 month ago
JSON representation

MVP de uma plataforma web e mobile para encontrar parceiros para seus jogos favoritos. Desenvolvido para estudos de React Native.

Host: GitHub
URL: https://github.com/sucodelarangela/esports-ignite
Owner: sucodelarangela
Created: 2022-09-13T19:22:56.000Z (over 2 years ago)
Default Branch: main
Last Pushed: 2024-08-15T20:56:23.000Z (5 months ago)
Last Synced: 2024-08-15T22:36:45.013Z (5 months ago)
Topics: expo-cli, prisma, radix-ui, react, react-native, rocketseat, tailwind, typescript, vitrinedev
Language: TypeScript
Homepage:
Size: 8.37 MB
Stars: 5
Watchers: 1
Forks: 4
Open Issues: 0
Metadata Files:
- Readme: README.md

Awesome Lists containing this project

README

        


# NLW eSports - Trilha Ignite | Rocketseat



_[Read it in English](#English)_

No **NLW eSports** estamos desenvolvendo uma plataforma _web_ e _mobile_ onde Gamers podem encontrar parceiros para seus jogos favoritos. O projeto foi desenvolvido na Trilha Ignite, onde estudamos React com TypeScript e React Native com Expo.

Na aplicação WEB, é possível criar anúncios para encontrar parceiros (ou duos). Já na aplicação mobile, é possível acessar esses anúncios e visualizar as informações pertinentes a cada jogador, além de ser possível copiar para a área de transferência o nome de usuário do Discord do jogador para adicioná-lo a sua lista de amigos.

Este projeto foi durante o evento **#NLWtogether** promovido pela [Rocketseat](https://www.rocketseat.com.br) sob a orientação de [Diego Fernandes](https://github.com/diego3g) e [Rodrigo Gonçalves](https://github.com/rodrigorgtic).

| 🪧 Vitrine.Dev   |     |

| --------------- | --- |

| ✨ Nome         | **NLW eSports** - Rocketseat |

| 🏷️ Tecnologias  | React, React Native, TypeScript, Tailwind, Prisma, Radix-UI, Vite, Expo, Axios |

| 🔥 Design       | [**Figma**](https://www.figma.com/community/file/1150897317533332617) |

![](https://raw.githubusercontent.com/sucodelarangela/nlw-esports-ignite/main/web/public/og-image.jpg#vitrinedev)



  

  

  

  

  



## 🩹 Melhorias necessárias

O projeto foi totalmente desenvolvido conforme as orientações dos instrutores, sem adicionais. Futuramente, podem ser implementadas as seguintes sugestões:

-   Responsividade mobile na aplicação web;

-   Criação de um carrossel, caso tenhamos mais jogos cadastrados no back-end (sugestão de lib: [Keen Slider](https://keen-slider.io/));

-   Substituir o `select` padrão do HTML pelo [select do Radix-UI](https://www.radix-ui.com/docs/primitives/components/select);

-   Validação do formulário com [React Hook Form](https://react-hook-form.com/);

-   Autenticação com o Discord, que preencheria automaticamente o campo do Discord no formulário.

---



_English version_



## 🔎 Overview

During the event **NLW eSports** we have developed a _web_ and _mobile_ platform where Gamers can find partners for the most popular games being displayed on Twitch. This project is part of the Ignite Trail and we learned about React with TypeScript and React Native with Expo.

The web application allows us to create ads and find game partners (or duos). In the mobile application, we can access those ads to view the informations about each player and copy their Discord username to clipboard, so we can add them to our friends list.

This project was developed during the event **#NLWtogether** hosted by [Rocketseat](https://www.rocketseat.com.br) with the help of the instructors [Diego Fernandes](https://github.com/diego3g) and [Rodrigo Gonçalves](https://github.com/rodrigorgtic).

## 🩹 Improvements needed

The project was totally developed according to the instructions given, no aditionals. In the future, it would be interesting to add the following implementations:

-   Web responsivity;

-   Carousel for scrolling through games, in case we have more games in the database (lib suggested: [Keen Slider](https://keen-slider.io/));

-   Replacing standard `select` element with [Radix-UI Select](https://www.radix-ui.com/docs/primitives/components/select);

-   Form validation with [React Hook Form](https://react-hook-form.com/);

-   Discord authentication, automatically filling the form field for Discord username.

🔼 Back to top

---

Developed with 🧡 by [@sucodelarangela](https://angelacaldas.vercel.app)