/RadiantStore-Frontend

Vite ReactTs to RadiantStore

Primary LanguageTypeScript


Radiant Store

Radiant Store se trata de um catálogo de skins para o jogo Valorant. Inicialmente, há apenas um mostruário de skins, mas há a possibilidade de incluir novas funcionalidade no sistema, de modo que novas demandas sejam atendidas.

Funcionalidades

  • Login administrativo
  • Criação de novas Skins
  • Autenticação JWT para rotas privadas
  • Cadastro e login de usuários comuns
  • Validação de email
  • Listagem de Skins
  • Ordenação de Skins (por atributo)
  • Validação dos formulários
  • Upload de imagem para Skins
  • Carrinho de compras
  • Fechamento de pedido (conclusão de compra)
  • Painel administrativo (visualição dos pedidos/compras)
  • Visualização 'Meus pedidos'

Instalação

Clone o projeto em uma pasta no mesmo nível do backend com o nome frontend (Ou reconfigure docker-compose.yaml no Backend)

  git clone https://github.com/LucasGitDev/RadiantStore-Frontend.git frontend

Instale as dependências

  yarn

Para facilitar o desenvolvimento, algumas variáveis de ambiente já foram adicinadas à um arquivo .env no repositório.

  yarn dev

Stack utilizada

Front-end: ReactTs, Vite, Material UI

Back-end: NestJs, Postgres

Melhorias

As possíveis melhorias se baseiam em questões visuais.

Alguns formulários, possuem cores que não contrastam. Os componentes que possuem dropdown, possuem um fundo escuro e texto escuro. Ao alterar a propriedade de cor do texto, o fundo também é alterado. Possivelmente, alterações no tema geral ou melhores configurações dos componentes podem resolver.

Todo o desenvolvimento presa pela responsividade da plataforma em diversas telas. Há algumas telas que necessitam de aprimoramento nesse ponto.

Autores