Sofia-Magalhaes / nlw-eSports

Rocketseat NLW eSports

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

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" }'

About

Rocketseat NLW eSports


Languages

Language:TypeScript 95.9%Language:JavaScript 2.0%Language:HTML 1.9%Language:CSS 0.2%