Skip to content

Aplicativo desenvolvido na semana Omnistack 11 da Rocketseat

Notifications You must be signed in to change notification settings

AbraaoM/be-the-hero

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

10 Commits
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Be the hero

Aplicativo desenvolvido na semana Omnistack 11 da Rocketseat.

Se trata de uma aplicação hipotética em que uma instituição de caridade faria cadastro pela plataforma web e por lá cadastraria alguma necessidade da instituição, pessoas interessadas em ajudar na causa, os heróis, teriam acesso as demandas pelo aplicativo web.

O desenvolvimento está dividido entre frontend, backend e mobile:

Backend

Desenvolvido utilizando o Express, um framework Javascript que utiliza Node, o backend implementa um banco de dados SQLite e fornece informações deste banco por meio de uma API para serem utilizadas pelas aplicações de frontend e mobile.

Frontend

Desenvolvida utilizando o React, um framework Javascript. O frontend utiliza Axios para acessar os endpoints e React Router DOM para organizar as rotas da aplicação.

Foram implementadas quatro telas:

Logon

Possibilita o acesso ao sistema por meio de um ID da instituição ou ser direcionado para o cadastro de nova conta.

Home

Depois de logada a instituição terá acesso a tela de home, que apresenta as demandas cadastradas pela instituição e permite a exclusão delas, nesta tela também é possível fazer o cadastro de novas demandas.

Cadastro de instituição

Cadastro de demandas

Mobile

Desenvolvido utilizando React Native, um framework Javascript. O app mobile utiliza Expo como base para desenvolvimento, Axios para acessar os endpoints do backend e React Navigation para organizar as rotas da aplicação.

O aplicativo possui duas telas e um splash:

Splash

Home

A primeira tela a ser exibida para o usuário exibe todas as demandas cadastradas no banco de dados, de todas as instituições.

Detalhes

Essa é a tela que apresenta detalhes sobre uma demanda listada na tela home, é possível ao herói entrar em contato com a instituição por meio de whatsapp e e-mail.

Rodando a aplicação

  • Dependências:

    • node
    • npm
    • yarn
    • sqlite3
  • Clonar esse repositório

  • Backend

    • Servidor em localhost:3333
cd backend
yarn
yarn start
  • Frontend
    • Roda em localhost:3000
cd frontend
yarn
yarn start
  • Mobile
    • Expo deve estar configurado em um dispositivo externo ou emulador (https://docs.expo.io/guides/)
    • Seguir instruções exibidas pelo terminal
cd mobile
yarn
yarn start

About

Aplicativo desenvolvido na semana Omnistack 11 da Rocketseat

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published