Sobre o projeto

Green day é um projeto que foi criado com o intuito de demonstrar uma tela de login e de cadastro totalmente funcional.

Layout web

Layout mobile

🛠 Tecnologias

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

front-end

• NextJs
• ReactJs
• Typescrypt
• axios
• email-validator
• framer-motion
• js-cookie
• react-lottie
• rc-slider
• react-toastify
• react-responsive-modal
• input-files

back-end

• bcrypt
• jsonwebtoken
• mongodb

Animação

Uma das principais implementações foram as animações de mudança de páginas e de outros elementos:

Back-End

O back-end foi construído em Serverless seguindo os seguintes caminhos:

• /api
  • /signUp - cadastra usuários
  • /signIn - verifica se o usuario pode logar ou não
  • /verify - verifica e o e-mail já está em uso

🚀 Como executar o projeto

💡 Como o back-end está em Serverless não é necessário executar nenhuma configuração separada para ele.

Pré-requisitos

Antes de começar, você vai precisar ter instalado em sua máquina as seguintes ferramentas:

• Git
• Node.js
• VSCode ou outro editor de codigos

🧭 Rodando a aplicação

⚠️ Quando clonar a aplicação não se esqueça de:

• Criar url de conexão para banco de dados em .env
• Criar um segredo para o jwt em secrets/jwt.json

# Clone este repositório
$ git clone https://github.com/Leandro-Goncalves/greenday

# Acesse a pasta do projeto no seu terminal/cmd
$ cd greenday

# Instale as dependências
$ npm install
# ou
$ yarn

# Execute a aplicação em modo de desenvolvimento
$ npm run dev
# ou
$ yarn dev

# A aplicação será aberta na porta:3000 - acesse http://localhost:3000

---

Author

_{Leandro Gonçalves}

---

📝 Licença

Este projeto esta sobe a licença MIT.

Feito com ❤️ por Leandro Gonçalves Entre em contato!

---