NEXUS GameStand

Series of gamers connections, linking platforms.

🤔 Problema

Hoje em dia nós temos muitas plataformas de jogos, Steam, Epic Games, Origin, Ubisoft Connect, Battle.net, EA Play, Xbox Game Pass, e isso acaba causando uma confusão sobre em qual dessas plataformas temos tal jogo, e pensando nisso nós criamos o Nexus GameStand, que vem com a proposta de centralizar todos os jogos do usuário em um local só, possibilitando a ele muito mais facilmente saber em qual plataforma está o jogo que ele quer jogar, e também possibilitando ele redescobrir jogos que estavam perdidos na sua biblioteca de alguma plataforma.

💡 Solução

Com esse intuito em mente, criaremos uma aplicação que terá uma página de login simples uma pagina de registro com um formulário simples, como sabemos que o usuário pode usar diferentes emails para diferentes plataformas, ao fazer o registro ele será direcionado para uma página de perfil de usuário, onde o usuário poderá editar suas informações e também conectará com todas a plataformas, terá uma página principal onde será mostrado todos os jogos do usuário, e será possível utilizar alguns filtros, como busca por nome, categoria, etc. Por fim para o MVP, teremos uma pagina que mostrará todas as informações do game que o usuário acessou pela Página Principal.

🛠 Front-end

• Figma - Ferramenta de prototipação
• Next.Js - O React Framework para Produção
• TailwindCss - Aplicação de estilos na aplicação
• Axios - Gerenciamento de requisições HTTP
• Toastify - Feedback de erros ao usuário
• React Hook Form & Yup - Gerenciador de formulários e validações
• React Icons - Lib de ícones pra aplicação
• Sass - CSS com superpoderes 👀
• Cookies Next - Obtendo, configurando e removendo cookies com NEXT.JS
• Vercel - Ferramenta pra deploy da aplicação
• Animate.css - Lib de animações
• MUI - Lib de componentes
• Outras bibliotecas que auxiliaram no desenvolvimento podem ser encontradas na seção: "dependencies" e "devDependencies" no arquivo package.json, no diretório relacionado ao FrontEnd

🔨 Back-end (JSON Server)

• Registro (POST): que receberá username, email, senha, confirmação de senha
• Login (POST): que recebera email e senha
• Edição de Usuário (PATCH): que poderá receber username e/ou um link de imagem para o perfil.
• Deleção de Usuário (DELETE): que receberá o id do usuário.
• Conectar Plataforma (PUT): que receberá um link.
• Requisições na Steam API
• Requisições na Xbox API

✅ Link para aplicação

• Frontend -> Link app

FIGMA da Aplicação

Diagrama da Aplicação

https://i.imgur.com/NyoWhit.png

✅ Como rodar a aplicação localmente

Antes de tudo, você precisa das seguintes tecnologias:

• Git
• NPM
• Yarn Opcional
• VSCode

🎲 Preparando o ambiente

# Faça o clone deste repositório

$ git clone git@github.com:projetofinal-campeoes/nexus-gamestand.git


# Entre na raiz do repositório clonado

$ cd nexus-gamestand

$ yarn
ou
$ npm install

$ yarn dev
ou 
$ npm run dev

# Após isso, o Next.js irá te informar em qual porta estará sendo rodada sua aplicação. Basta segurar a tecla CTRL e clicar no link do localhost!!

# Prontinho, agora o ambiente está totalmente configurado!

👥 Desenvolvedores responsáveis 👥

Adam Neves

Yan Carlo

Matheus Sudré

Sidarta Kauã

Vagner Mengali

Luan Marchi

👥 Já participaram do projeto 👥

Welton Santos

Katya Keila