sucodelarangela/nlw-esports-ignite

Project developed during NLW eSports, by Rocketseat.

NLW eSports - Trilha Ignite | Rocketseat

Read it in 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 sob a orientação de Diego Fernandes e Rodrigo Gonçalves.

🪧 Vitrine.Dev
✨ Nome	NLW eSports - Rocketseat
🏷️ Tecnologias	React, React Native, TypeScript, Tailwind, Prisma, Radix-UI, Vite, Expo, Axios
🚀 URL	Ainda não disponível
🔥 Design	Figma

🩹 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);
• Substituir o select padrão do HTML pelo select do Radix-UI;
• Validação do formulário com React Hook Form;
• 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 with the help of the instructors Diego Fernandes and Rodrigo Gonçalves.

🩹 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);
• Replacing standard select element with Radix-UI Select;
• Form validation with React Hook Form;
• Discord authentication, automatically filling the form field for Discord username.

🔼 Back to top

---

Developed with 🧡 by @sucodelarangela