be-the-hero

---

❓ What's it? ❓

Application created in Omnistack 2020 Event!!

Mental Maps about the project's structure and components created in Draw.io.

---

⚒️ Tools ⚒️

• Visual Studio Code;
• Git;
• NodeJS;
• Yarn;
• Express, Expo, Nodemon, KnexJS, Cors, React Icons, React Router Dom, Axios, Intl, React Navigation, Celebrate, Jest, Cross-en and Supertest libraries;
• Insomnia
• React;
• Reack-Native;
• SQLite

---

⚙️ Run ⚙️

Express (backend project)

• Installing

npm install express

Nodemon (backend project)

• Installing

npm install nodemon -D

• In package.json file, scripts section

"scripts": {
    "start": "nodemon index.js"
 },

• Starting

npm start

Knex (backend project)

• Installing

npm install knex
npm install sqlite3

• In knexfile.js

// development environment
development: {
  client: 'sqlite3',
  connection: {
    filename: './src/database/db.sqlite'
  },
  migrations: {
    directory: './src/database/migrations'
  },
  useNullAsDefault: true,
},

• Starting

npx knex init

Knex Migrations (backend project)

• Creating

npx knex migrate:make create_ong
npx knex migrate:make create_incidents

• Executing

npx knex migrate:latest

• Checking Executions

npx knex migrate:status

Cors (backend project)

• Installing

npm install cors

Celebrate (backend project)

• Installing

npm install celebrate

Jest (backend project)

• Installing

npm install jest -D

• Starting

npx jest --init >> 'yes' for scripts >> run in node >> 'no' for coverage report >> 'yes' for mock calls

Cross-env (backend project)

• Installing

npm install cross-env

SuperTest (backend project)

• Installing

npm install supertest -D

React Starting (frontend project)

• Creating the Project

npx create-react-app frontend

React Icons (frontend project)

• Installing

npm install react-icons

React Routter Dom (frontend project)

• Installing

npm install react-router-dom

Axios (frontend and mobile project)

• Installing

npm install axios

Expo (cmd in mobile project)

• Installing

npm install -g expo-cli

• Starting

expo init mobile
blank template
expo install expo-constants
expo install expo-mail-composer

INTL (mobile project)

• Installing

npm install intl

React Navigations (cmd in mobile project)

• Installing

npm install @react-navigation/native
expo install react-native-screens react-native-safe-area-context
npm install @react-navigation/stack

Yarn (cmd in mobile project)

• Installing

npm install --global yarn

• Starting

yarn start

📫 Reach Me 📫

Email: csfelix08@gmail.com

Linkedin: linkedin.com/in/csfelix/

Instagram: instagram.com/c0deplus/

---

Portfolio: CSFelix.io

Kaggle: DSFelix