/Be-the-hero-semana-omnistack-11

Desenvolvimento de uma aplicação chamada be the hero, com o objetivo de conectar pessoas que desejam ajudar ONGs que necessitam de ajuda.

Primary LanguageJavaScript


be-the-hero-omnistack-11

Be the hero

Aplicação desenvolvida durante a semana Omnistack 11 da Rocketseat. Tem como objetivo conectar ONGs e instituições a pessoas que tem interesse em ajudar.

be-the-hero-omnistack-11

📋 Índice

🎨 Telas

be-the-hero-omnistack-11 be-the-hero-omnistack-11

📃 Sobre o projeto

Projeto desenvolvido durante a semana Omnistack 11 da Rocketseat, onde criamos uma aplicação completa que tem como objetivo conectar ONGs e instituições que necessitam de ajuda a pessoas que tem interesse em ajudar. A aplicação foi desenvolvida utilizando backend em node, frontend em react e aplicativo mobile em react native.

🛠 Tecnologias utilizadas

  • ⚛️ React Js — Front-end web
  • ⚛️ React Native — Aplicativo mobile
  • 💹 Node Js — Back-end
  • 📡 Axios — Requisições a API
  • 🎲 Knex — SQL query builder
  • Celebrate — Validações no backend
  • 🌎 INTL - Formatação de moeda no mobile

🚀 Rodando o projeto

A aplicação é dividida em três partes, frontend, mobile e backend, a versão web e o aplicativo mobile precisam que o server esteja sendo executado para funcionar.

Pré-requisitos

  • Git
  • NodeJS
  • Expo

💻 Rodando o server

Clone o repositório

# Clona o repositório
git clone https://github.com/thiagosprestes/Be-the-hero-semana-omnistack-11.git

Navegue até a pasta do projeto clonado e execute os comandos abaixo

# Entra na pasta do backend
cd backend

# Instala as dependências
npm install

# Inicia o backend
npm run dev

# Acesse http://localhost:3333 para acessar o servidor caso deseje

🖥 Rodando o versão frontend

Caso já tenha clonado o repositório basta pular a primeira etapa

# Clona o repositório
git clone https://github.com/thiagosprestes/Be-the-hero-semana-omnistack-11.git

Navegue até a pasta do projeto clonado e execute os comandos abaixo

# Entra na pasta do frontend
cd frontend

# Instala as dependências
npm install

Após concluir a instalação das dependências execute o comando

# Inicia o frontend
npm start

# Acesse http://localhost:3000 para utilizar a aplicação

Com seu smartphone escaneie o QR code que aparece no terminal utilizando o Expo, app que está disponivel na App store e na Play store para iniciar o aplicativo.

📱 Rodando o aplicativo mobile

Caso já tenha clonado o repositório basta pular a primeira etapa

# Clona o repositório
git clone https://github.com/thiagosprestes/Be-the-hero-semana-omnistack-11.git

Navegue até a pasta do projeto clonado e execute os comandos abaixo

# Entra na pasta do aplicativo
cd mobile

# Instala as dependências
npm start

Após isso, no terminal da pasta mobile execute o comando abaixo

# Inicia o aplicativo
expo start

Com seu smartphone escaneie o QR code que aparece no terminal utilizando o Expo, app que está disponivel na App store e na Play store para iniciar o aplicativo.