Omnistack 11 🚀

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
Ambiente do Back-end 📂 -> Node para o servidor e SQLITE para banco de dados - 💘
Ambiente Front-end -> React
Ambiente Mobile -> React Native

Telas

Aplicação WEB

Apliação Mobile

Implementações no Back end

Testes com Jest e Supertest

Segments pra tratar dados inválidos

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: >