Giter VIP home page Giter VIP logo

be-the-hero's Introduction

๐ŸŒŸ 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: [email protected]

Linkedin: linkedin.com/in/csfelix/

Instagram: instagram.com/c0deplus/


Portfolio: CSFelix.io

Kaggle: DSFelix

be-the-hero's People

Contributors

csfelix avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar

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.