This was a project developed during OmniStack Week 11.0.
At first the project is intended to be a means to help local charities, where they publish a case in which they need help in search of a hero to save them.
- The back-end is built with Node.JS and SQLite.
- The font-end is built with ReactJS.
- The mobile is built with React Native aided by Expo.
The first step is to clone the project, either via terminal or GitHub Desktop, or even by downloading the compressed file (.zip). After that, go ahead.
With Node.JS installed, access each of the directories (backend, frontend and mobile) via terminal and run the npm install
command. If you prefer to use Yarn, just run the command yarn
.
Access the backend directory via terminal, run the command npm start
or yarn start
and a message similar to the following will appear for you:
If this was not the result, check that the requirements and previous steps have been met.
Access the frontend directory via terminal, run npm start
or yarn start
. A message similar to the following will appear for you:
Automatically, in your default browser, a tab will open for the link http://localhost:3000/ (where the project will be running).
If this was not the result, check that the requirements and previous steps have been fulfilled.
- Expo app: (Android - iOS).
- Expo Command Line.
Access the mobile directory via terminal and run npm start
or yarn start
.
Then, a message similar to the following will appear for you:
Automatically, in your default browser, a tab will open for the link http://localhost:9002/ with the following screen:
As you can see, there is a QRCode both on the terminal and on the website that opened (they are the same). Now, open the Expo app on your smartphone, scan the QRCode and wait until the project is synchronized.
If this was not the result, check that the requirements and previous steps have been fulfilled.
Now you are running the project beautifully!
This project is under the MIT license. See the LICENSE for more information.
Made with 💜 by Lucas Coutinho 👋 Get in touch!