dev-mauricioAB / be_the_hero

Aplicação criada com as tecnologias Node.js, ReactJS, ReactNative, JavaScript. Criada em conjunto com a Rocketseat (https://rocketseat.com.br/) na 'Semana Omni Stack', esta aplicação tem como objetivo aproximar ONG's que necessitam de ajuda com aqueles que querem ajudar.
4 stars 1 forks source link

Apoie ONGs, apoie as boas causas, be a hero!

[![Netlify Status](https://api.netlify.com/api/v1/badges/a105875c-8c87-46d0-888a-f6b21ddb5323/deploy-status)](https://app.netlify.com/sites/be-thehero/deploys) ![](https://img.shields.io/badge/omnistack-11-blueviolet?style=flat-square) ![alt release](https://img.shields.io/github/v/release/dev-mauricioAB/be_the_hero?style=flat-square)

alt Mockup frontend

💡 Sobre o Projeto

A idéia central é disponibilizar um canal onde ONG's cadastrem situações, que aqui chamaremos de 'Casos', onde necessitem alguma ajuda financeira. Então através desse portal, pessoas que estejam aptas a contribuir podem vizualizar esses Casos cadastrados e entrar em contato com a ONG para fornecer algum tipo de auxilio, seja ele financeiro ou não.

🦸🏿 O que é e qual a importância de ajudar uma ONG?

As ONGs são entidades privadas da sociedade civil cujo propósito é defender e promover uma causa. Essa causa pode ser de qualquer tipo: direitos humanos, direitos dos animais, direitos indígenas, gênero, luta contra o racismo, meio ambiente, questões urbanas, imigrantes, entre muitos outros. Como não possuem fins lucrativos, as ONGs precisam buscar formas alternativas para continuar em atividade. Para isso, contam com o apoio financeiro de outras entidades privadas (do terceiro setor ou do empresariado), de pessoas físicas (cidadãos conscientes e engajados como eu e você) e até mesmo do governo, que pode fornecer recursos e apoio para atividades em que ambos possam unir forças.

(créditos para essa explicação sobre a importância de ajudar ONG's à Ana Carolina Hernandes)

👩🏽‍💻 Executando o projeto localmente na sua maquina

Para rodar esse projeto você precisará ter em sua maquina:

Após instalar esses caras, basta clonar esse projeto na pasta onde você salve seus projetos, e podemos iniciar! ✈

// clonando com ssh
git clone git@github.com:dev-mauricioAB/be_the_hero.git

// clonando com http
git clone https://github.com/dev-mauricioAB/be_the_hero.git

Após clonar, repare que há três pastas no projeto: backend, frontend e modile. Você precisará executar os comandos abaixo via terminal, dentro de cada pasta, conforme os passos indicam.

🎒 Back-end

Primeiramente instale todas dependências do projeto.

npm install

Agora rode o comando que irá configurar a estrutura de banco de dados inicial.

npm run migrate

Por fim, basta rodar o comando abaixo e o servidor de backend estará pronto!

npm run start

🖥️ Front-end

Primeiramente instalamos todos as dependências.

npm install

Agora basta rodar o projeto e ele abrirá no navegador.

npm run start

🐸 Mobile

Para rodar localmente o ambiente mobile é um pouco mais complicado, mas possível! 😁 Siga os passos desse tutorial, conforme seu ambiente e depois volte aqui. Tutorial

Conseguiu!? Parabéns! Eu sei que não deve ter sido fácil. Mas agora é só rodas os comandos a baixo e dará tudo certo!

Primeiro instalamos as dependências do projeto.

npm install

Agora basta executar o projeto.

npm run start

🔦 Tecnologias Utilizadas

🖥️ Front-End

HTML5 logo
HTML
CSS3 logo
CSS
JavaScript logo
JavaScript
React logo
React
TypeScript logo
TypeScript
Axios logo
Axios

🎒 Back-End

Node.js logo
Node.js
Express.js logo
Express.js
SQLite logo
Sqlite
Jest logo
Jest
TypeScript logo
TypeScript
Celebrate logo
Celebrate

🐸 Mobile

JavaScript logo
JavaScript
React Native logo
React Native
TypeScript logo
TypeScript
Expo logo
Expo
Axios logo
Axios

🦶🏾 Proximos passos

Este projeto está sendo aperfeiçoado. Ou como o pessoal da Rocketseat gosta de dizer, esta sendo levado para o PRÓXIMO NIVEL (next level)! Para isso estou utilizando de conceitos importantes da vida real de um programador. Como por exemplo:

Logo atualizarei o README com novas funcionalidades!

☝🏻 Quer participar?

Achou legal a idéia? Entra em contato comigo pelas minhas redes sociais e bora pro Next Level juntos.

https://www.linkedin.com/in/mauricioab-dev/ https://medium.com/@dev-mauricioalexandre Maurício AB#2079