Descrição   |   Características   |   Tecnologias   |   Requisitos   |   Executando   |   Roadmap   |   Devo estudar mais   |   Desenvolvedora  

🎯 Descrição

Happy tem como objetivo conectar pessoas a orfanatos, trazendo felicidade para crianças de todo o Rio de Janeiro. Aplicação web desenvolvida durante a Next Level Week #3 promovida pela Rocketseat.

Para ver o vídeo de demonstração da aplicação, clique aqui.

---

✨ Características

✔️ Tem potencial de trazer visibilidade para os centros de acolhimentos de todo o Rio de Janeiro;
✔️ A ideação deste projeto está relacionada ao dia das crianças. A Next Level Week #3 começou no no dia 12/10/2020.

🚀 Tecnologias

As seguintes ferramentas foram usadas neste projeto:

• Node.js
• Expo
• React
• React Native
• TypeScript
• Express
• SQLite3
• Javascript
• HTML5
• CSS3

✅ Requisitos

Antes de executar 🏁, você precisar ter o Git e o Node instalados.

🏁 Executando

# Clone este projeto
$ git clone https://github.com/LissandraRodrigues/read-teste

- Backend

# Entre pasta backend 
$ cd backend

# Instale as dependências
$ yarn install

# Inicialize 
$ yarn dev

- Web

# Abra outra aba do terminal e entre na pasta web
$ cd web

# Instale as dependências
$ yarn install

# Inicialize 
$ yarn start

# O servidor irá iniciar em http://localhost:3000

- Mobile

# Para executar a versão mobile, basta fazer o mesmo procedimento acima da versão web, trocando a palavra "web" por "mobile".

Para testar em seu dispositivo físico a versão Mobile, basta baixar o aplicativo Expo e scannear o QR Code gerado no terminal:

• Google Play
• Apple Store

💡 Roadmap

• Página de sucesso no cadastro do Orfanato;

• Fazer alterações no layout da aplicação para ela se tornar mais "a minha cara";

• Fazer com que ao clicar na Logo, o usuário volte à página inicial;

• Colocar ícone na aba das páginas;

• Funcionamento do botão de entrar em contato;

  • Campo de entrada do número do contato no formulário;
  • Armazenamento do contato no banco de dados;
  • Exibição do contato no detalhe do orfanato.

• Botão de excluir as imagens no formulário de criação do orfanato;

• Efeito Shimmer enquanto as páginas/telas estão carregando;

• Página inicial na versão Mobile;

• Pop-up de erro no cadastro do Orfanato.

🏃 O que preciso estudar mais

• Typescript;
• Expo;
• SQLite3;
• Express;
• Cross-Origin Resource Sharing (CORS);
• Axios;
• Migrations;
• Typeorm;
• Model-View-Controller (MVC).

---

Voltar ao início