Skip to content

Latest commit

 

History

History
141 lines (119 loc) · 5.35 KB

README.md

File metadata and controls

141 lines (119 loc) · 5.35 KB

Omnistack 11 🚀


Logo da aplicação/Seu nome é Be the Hero

RepoSize GitHub

O que é ?

Aplicação para conectar ONGs e outras instituições a pessoas que tem disponibilidade para ajudar

Sobre o projeto 🔍

Uma aplicação para cadastrar ONG's onde essas podem cadastrar os casos que estão precisando de doação. O usuário têm acesso a um aplicativo onde pode enviar um email ou uma mensagem por whatssap à respectiva ONG e seu caso. Essa aplicação vem para consolidar os aprendizados com uma stack poderozíssima que é a do React. Tudo isso nos faz ter o poder de construir uma aplicação para web e mobile, com comunicação em tempo real e consumindo o mesmo banco de dados SQL.

Linguagem -> Javascript linguagem de programação Javascript
Ambiente do Back-end 📂 -> Node para o servidor e SQLITE para banco de dados - Node 💘 banco de dados sqlite
Ambiente Front-end -> icone do framework ReactReact
Ambiente Mobile -> node React Native

Telas

Aplicação WEB
Página de login Cadastro de ONG Incidentes Cadastro de incidentes

Apliação Mobile
Página de casos mobile Página de caso 1 - mobile Página de Botao Enviar email para o caso 1 - mobile

Implementações no Back end

Testes com Jest e Supertest

imagem dos testes imagem dos testes imagem dos testes

Segments pra tratar dados inválidos

usando celebrate

Principais aprendizados 🙇

  • SPA
  • Rotas
  • Desenvolver mobile/web com o React
  • Servidor com node
  • Knex e Migrations no banco de dados
  • Testes com Supertest e o Jest
  • Celebrate pra tratativa de exceções no backend

Visite minhas anotações 👇 no Notion onde contém boa parte do que eu fiz e dá pra notar a evolução das anotações de acordo com os dias que passaram.

https://www.notion.so/Semana-omnistack11-85d8607213f346eaa1536f1985e31800

Tecnologias e frameworks utilizadas em cada ambiente

Back end 📦

  • Node
  • Knex
  • Nodemon
  • Supertest
  • Jest
  • SQLite3
  • Cors
  • Celebrate
  • Software Insomnia

Front end 📝

  • Node
  • React
  • Axios
  • React-router-dom
  • React-icons
  • Font awesome

Mobile 📱

  • Node
  • React Native
  • Expo
  • Axios
  • Intl (conversão de moedas)
  • react-navigation
  • react-dom
  • expo-mail-composer

Como executar o projeto

Clonar o repositório na sua máquina.

Executar no terminal para as pastas frontend/mobile/backend

npm install node

Em seguida startar a aplicação no terminal

Siga para a pasta frontend cd ./frontend e digite

npm start

O mesmo acima para cd ../backend

Requisitos para rodar a versão mobile

  • Baixar o Expo na playstore
Executar o seguinte comando na pasta cd ../mobile
npm start

Próximo passo

Escanear o QR CODE que será gerado e automaticamente a aplicação ficara online desde que o backend e o mobile esteja inicializado.

Instrutor: O própio CTO da Rocketseat 🚀 Diego

✏️ Autor

Lazaro Souza 🏃
Entusiasta na arte de aprender algo do zero
Cursando Superior de Tecnologia em Análise e Desenvolvimento de Sistemas 📚 (2020-2022)

https://www.linkedin.com/in/lazarok09

Aprenda a usar o markdown no seu GitHub

Use emojis no seu readme 🎨

< / :heart: >