NLW-eSports - Rocketseat

Sobre:

Uma landing page web e mobile onde gamers conseguem ter o seu DUO no seu jogo preferido(lol, cs:go etc) e entrar na comunidade discord do DUO, com um simples click 😁.

🔖 Layout, prototipo e demonstração de como sera feito a aplicação

• Prototipo

🌐 Demonstração do app na web e mobile:

Web:

Mobile:

Deploy

• Deploy Web
• Deploy do back-end

✨Tecnologias:

Principais Stacks:

• React
• ReactNative
• Expo
• TypeScript
• Node
• Vite
• Sqlite

Secundarias Stacks:

• TailwindCSS
• Prisma(ORM)
• RadixUi
• Phosphor icons

Serviços usados:

🛠️ Features:

• Listagem de games com contagem de anúncios
• Criação de novo anúncio
• Listagem de anúncios por game
• Buscar discord pelo ID do anúncio
• Notificações push

🛠️ Futuras Features e Atualizações:

• Web:

  • Layout responsivo e um carousel para conseguir adicionar mais cardGames na lista
  • Loading ao enviar os dados(Mostrar mensagem do error/ok) e recarregar os games para mostrar que o anuncio foi criado
  • Usar o radix select no input de escolher o game
  • Abrir um modal ao clicar em um cardGame na aplicação web pra mostrar os anúncios listados
  • Ouath(Discord/Twitch)

• Mobile:

  • Push Notification melhorada(ex: quando alguem cadastrar que joga lol ou qual quer outro game e a pessoa marcou interesse no lol recebe uma notificação via discord(Oauth no back-end)/push notification que alguem cadastrou um anuncio no lol. Ou seja uma verificação no back-end)
  • Modal para cadastrar novos anúncios

• Ambos:

  • Validação no Front-end/Back-end ao enviar os dados

👨‍💻 Autor:

• Linkedin: https://www.linkedin.com/in/pedro-henrique-vieira-fernandes
• Git: https://github.com/PedrohvFernandes
• Instagram: pedro17fernandes
• portfolio: PedrohvFernandes.github.io