vinicbarros / chess-envolve

Aplicação em NextJS parte de um processo seletivo da Envolve para Desenvolvedor Front-End

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool


Chess Envolve

Aplicativo Web | Projeto Front-End


Esse projeto é parte de um processo seletivo da Envolve para a vaga de Desenvolvedor Front-End.

O objetivo do projeto técnico era criar uma aplicação em NextJs para selecionar peças de Xadrez.

Requisitos do teste:

  • Listagem de peças de xadrez com imagem, nome, descrição e valor
  • Borda para marcar seleção de peças
  • Layout Responsivo
  • Mostrar valor total da seleção e quantidade de peças selecionadas

Funcionalidades da aplicação:

  • Listagem de peças
  • Borda para marcar qual peça está selecionada
  • Tela de Loading
  • Layout responsivo
  • Listagem de peças selecionadas

Como rodar a API

  1. Baixe a api pelo seguinte link:
  https://drive.google.com/file/d/1iAg0WTsaIr9_YCoDrXyKGMtaE5gKR-h6/view
  1. Instale as dependências
  npm install
  1. Rode a API
  node api.js

Como rodar a aplicação


OBS: Certifique-se de estar rodando a API fornecida na Case do projeto.

  1. Clone o projeto
  git clone https://github.com/vinicbarros/chess-envolve.git
  1. Vá para o diretório do projeto
  cd chess-envolve
  1. Instale as dependências
  npm install
  1. Rode a aplicação
  npm run dev
  1. Acesse a aplicação por
  http://localhost:3000/

Ferramentas utilizadas:

About

Aplicação em NextJS parte de um processo seletivo da Envolve para Desenvolvedor Front-End


Languages

Language:TypeScript 95.2%Language:JavaScript 4.4%Language:CSS 0.4%