Projeto feito de acordo com o "Desafio NAVI", desafio do qual foi dado um protótipo de uma página web no Figma, onde o desenvolvedor deverá criar uma aplicação de uma página do evento "Hackathon". Além disso o desafio foi feito com autenticação do Google (OAuth2).
Este projeto foi desenvolvido utilizando a biblioteca Javascript React.
- React
- Tabela de Conteudo
- Status do Projeto
- Implementado
- Autenticação
- Pré-requisitos --> Instalação
- Tecnologias
- Autor
Projeto Finalizado!!! 🏆
- Acurácia entre o projeto do site e a montagem ✔️
- Cadastro de usuário por meio do Google OAuth ✔️
- Página web responsiva ✔️
- Escolha do SASS para melhor utilização do CSS da página ✔️
Antes de começar, você vai precisar ter instalado em sua máquina algum gerenciador de pacotes, seja o Npm ou o Yarn.
Além disto é bom ter um editor para trabalhar com o código como VSCode
# Clone este repositório
$ git clone https://github.com/valentimcanejo/Desafio-NAVI.git
# Acesse a pasta do projeto no terminal/cmd
$ cd desafio-navi
# Use um destes comandos para instalar as dependências
$ npm install
ou
$ yarn install
# O servidor inciará na porta:3000 - com a url do login <http://localhost:3000/auth>As seguintes ferramentas foram usadas na construção do projeto:
A autenticação desta aplicação web foi implementada com o pacote "react-google-login", no qual permite o usuário fazer um login com sua conta pessoal do Google, com isso foi feita uma tela de Login ("http://localhost:3000/auth"), onde ao fazer a identificação, a pessoa retorna a página principal ("http://localhost:3000/"). Como resultado, coloquei uma função para mostrar no console os dados da pessoa que acessou o "TokenID", incluindo nome e email.
