Skip to content

alande-amorim/be-the-hero-web

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

5 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Be The Hero Web App
Be The Hero - Web App

Contents


Semana OmniStack 11.0

RocketSeat

Semana OmniStack 11.0 is the 11th edition of the one week long time limited web course hosted by RocketSeat that took place from March 23, 2020 to March 29, 2020. The goal of these series of lessons is to present a solid and complete stack based on Javascript (Node.js, ReactJS and React Native) and to build a cool little project.

The Project

The proposed project for the Semana Omnistack 11.0 is a web app to help NGOs (non governmental organizations) finding people willing fund their social projects. After signing up, the NGOs will be able to register social projects they are currently seeking help to fund. Those projects will be available for the general audience on the mobile app. A backend piece will serve both apps.


This repo

This repo holds the source code for the ReactJS web application. It's integrated with the restful API.

Layout

screenshots

The UI for this app was provided by Rocketseat and is available at Figma.

Techs and libs

  • Node.js
  • ReactJS
  • Axios

Requirements

Download & Installation

Clone and install this repository.

$ git clone https://github.com/alande-amorim/be-the-hero-web.git
$ cd be-the-hero-web
$ npm install

Running

In order to run this web app you'll need a running instance of the API. If you haven't done it yet, do it now and come back.

This app is setup to reach the API on http://localhost:3333. If for any reason your server is running on a different host/port, you need to adjust. Edit the file src/services/api.js to meet your needs.

While the backend node process is running, you can now launch the app:

$ npm start

This will automatically open the web app in development mode on a web browser tab. In case the app is not launched, access http://localhost:3000 on a browser tab.