happy-frontend

🏁 Tópicos

💻 Sobre o projeto

Uma aplicação para cadastrar orfanatos de São Bernardo do Campo (SP), para que usuários possam encontrar informações sobre eles.

O site pode ser acessado no link abaixo:

---

⚙️ Funcionalidades

• Front-end;
  • Pagina:
    • Principal;
    • de Mapas;
    • para cadastro de orfanatos;
    • para detalhes de orfanatos;
    • de Login;
    • de Cadastro de Usuário;
    • de esqueceu senha;
    • de resetar senha;
    • de Dashboard com orfanatos aceitos e pendentes;
    • de Exclusão;
    • de Sucesso ao cadastrar;
    • de Editar Orfanatos.
  • Limitação de Rotas para usuários sem Login no sistema;
  • Notificações com Toastify;
  • Tema dark;
  • Animação de loading com lottie;

---

🎨 Layout

• Layout Frontend

---

🕹️ Demonstração

---

🚀 Como executar o projeto

💡O Frontend precisa que o Backend esteja sendo executado para funcionar, que pode ser encontrado AQUI.

Pré-requisitos

Antes de começar, você vai precisar ter instalado em sua máquina as seguintes ferramentas: Git, Node.js, Yarn. Além disto é bom ter um editor para trabalhar com o código como VSCode

🧭 Rodando a aplicação web (Frontend)

# Clone este repositório
$ git clone https://github.com/grochavieira/happy-backend.git

# Acesse a pasta do projeto no seu terminal/cmd
$ cd happy-backend

# Instale as dependências
$ yarn

# Execute a aplicação em modo de desenvolvimento
$ yarn start

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

---

🛠 Tecnologias

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

Website (React + TypeScript)

• React Router Dom
• React Icons
• Leaflet
• React-Leaflet
• Mapbox
• Axios
• Styled Components
• Context
• cryptojs
• react-toastify
• react-lottie

Veja o arquivo package.json

Utilitários

• Editor: Visual Studio Code
• Teste de API: Insomnia
• Ícones: Feather Icons
• Fontes: Nunito

---

🦸‍♂️ Autor

---

📝 Licença

Este projeto esta sobe a licença MIT.

Feito com :satisfied: por Guilherme Rocha Vieira 👋🏽 Entre em contato!

---