Giter Club home page Giter Club logo

be-the-hero's Introduction

Sobre o Projeto

Esse projeto foi desenvolvido durante a Semana Omnistack 11, organizada pela Rocketseat, evento criado com o objetivo de passar, no periodo de uma semana, conhecimentos básicos e avançados de programação, por meio do desenvolvimento de um projeto de ponta a ponta. O projeto de vez foi o Be The Hero.

O Be The Hero é um aplicação que conecta pessoas interessadas em realizar doações monetárias e ONGs. Ele foi desenvolvido com uma Rest API em NodeJs, ReactJS e React Native, tudo isso utilizando o JavaScript.

Na aplicação web, a ONG é capaz de fazer o seu login utilizando um token gerado no meu momento do seu cadastro e postar os seus casos com os respectivos valores de cada contribuição.

Já a aplicação mobile foi desenvolvida tendo como público alvo o usuário que irá fazer a doação. Nela, há a listagem de todos os casos e, ao selecionar um caso específico, o usuário é levado para uma outra página onde poderá entrar em contato com a ONG pelo e-mail ou whatsapp.

A escolha dessa Stack se deve à quantidade de conhecimento que é possível aproveitar entre as tecnologias, por conta de todas elas utilizarem apenas uma linguagem: o JavaScript, além de serem extremamente modernas e poderosas com o uso de seu ecossistema.

Tecnologias:

O Be The Hero é um aplicação complexa e, por tanto, muitas ferramentas foram utilizadas para o seu desenvolvimento. Entre elas estão:

  • Node
  • React
    • React Icons
    • React Dom
    • React Router Dom
  • React Native
    • React Navigation
    • React Native Gesture Handler
    • React Native Reanimated
    • React Native Safe Area Context
    • React Native Screens
    • React Native Web
  • Expo
    • Expo Mail Composer
  • SQLite3
  • Express
  • Knex
  • CORS
  • Axios

Ambiente de Desenvolvimento

Para rodar essa aplicação em sua máquina, você precisará de um ambiente NodeJs básico instalado.

Clonando o repositório:

$ git clone https://github.com/bprofiro/be-the-hero.git

Instalando:

Back-End

  • Digite npm install na pasta backend para instalar todas as dependências;
  • Digite npm run start para rodar o servidor;

Front-End

  • Digite npm install na pasta frontend para instalar todas as dependências;
  • Digite npm start para rodar o projeto;

Mobile

  • Digite npm install na pasta mobile para instalar todas as dependências;
  • Atualize a baseURL na pasta src/services/api.js.
  • Digite expo start para rodar o projeto.

be-the-hero's People

Contributors

bprofiro avatar

Stargazers

Maycon Douglas avatar

Watchers

James Cloos avatar  avatar

Forkers

jelsonjay

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.