julianapedroso / tesseract-group-challenge

Desafio Tesseract para processo seletivo de Front-End Júnior. O Projeto foi desenvolvido em ReactJS e consiste em consumir a API do Github para listar os membros da empresa e mostrar as informações correspondentes aos seus perfis.

Home Page:http://tesseract-challenge.surge.sh/

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

📌 TESSERACT - CHALLENGE 🔳

Desafio Grupo Tesseract - Processo seletivo para Desenvolvedor Front-End Júnior.

GitHub language count GitHub top language

👉 Status: Concluído ✅👏


☁️ Deploy:

http://tesseract-challenge.surge.sh/

✨ Funcionamento:

  • Rotas
  • Página Home com a lista dos Membros com login e foto
  • Página Details com as informações de:
    • Nome
    • Quantidade de repositórios
    • Quantidade de seguidores
    • Data de entrada no Github
      • 🌟 Plus:
      • Localização
      • Bio
      • Direcionamento para o perfil no Github
      • Direcionamento para o perfil no Twitter
  • Página de Erro
  • Responsividade para iPhones 6/7/8 e iPad

💻 Tecnologias:

As seguintes tecnologias foram usadas na construção do projeto:

🎨 Layout:

  • Material-UI
  • Styled-componentes

📂 Como instalar o projeto:

Passo 1. Clone este repositório:
$ git clone https://github.com/julianapedroso/tesseract-group-challenge.git
Passo 2. Acesse a pasta do projeto no terminal/cmd:
$ cd tesseract-challenge
Passo 3. Instale as dependências:
$ npm install
Passo 4. Rode o projeto:
$ npm run start
Passo 5. Abra em seu navegador o seguinte endereço: http://localhost:3000

📷 Prints:

Versão Desktop:

Versão dispositivos iPhones 6/7/8:

Versão dispositivos iPads:


About

Desafio Tesseract para processo seletivo de Front-End Júnior. O Projeto foi desenvolvido em ReactJS e consiste em consumir a API do Github para listar os membros da empresa e mostrar as informações correspondentes aos seus perfis.

http://tesseract-challenge.surge.sh/


Languages

Language:JavaScript 90.3%Language:CSS 6.3%Language:HTML 3.4%