/nlw-eSports

Rocketseat NLW eSports

Primary LanguageTypeScript

nlw-eSports

Rocketseat NLW eSports

Projeto no Figma

https://www.figma.com/file/l5cAMbmJIZzqZClvPfrhoM/NLW-eSports-(Community)?node-id=1%3A640&t=glcMcLyc5NjDLzT0-0

Página Inicial

opera_Cevj7mBk9h

Projeto Final WEB

opera_5XgIUa3KWM

Projeto - API RESTful + SPA

Back-end -> Programado em node

Front-end -> Programado em React

Mobile -> Programado em React-Native

Back-end

Entidades

Games

id, title, bannerUrl

CDN (Content Delivery Network)

Ad

id, gameId (pode ter varios anuncios), name, yearsPlaying, discord, weekDays, hoursStart, hourEnd, useVoiceChannel, createdAt

Caso de uso

Como o usuario vai utilizar a aplicação?

  • Listagem de games com contagem de anúncios
  • Criação de noov anúncio
  • Listagem de anúncios por game
  • Buscar discord pelo ID do anúncio

Melhorar aplicação WEB

  • Responsividade
  • Carousel para os games
    • Keen Slider (biblioteca de carousel)
  • Dentro do Modal usar o RadiUI no select
  • Validação (Ex: Borda verde/vermelha) (bibliote de validação)
    • React Hook Form (Schema Validation)
  • Autenticação (Logar com Discord ou Twitch)

Melhorar aplicação MOBILE

  • Colocar notificação (Expo notification)
    • Avisar que novos anúncios foram criados ou avisar quando um anúncio de um jogo que o usuário gosta foi criado
    • curl -H "Content-Type: application/json" -X POST "https://exp.host/--/api/v2/push/send" -d '{ "to": "ExponentPushToken[xxxxxxxxxxxxxxxxxxxxxx]", "title":"hello", "body": "world" }'