The best programming technologies, right to the point and the right way. In the midst of so much information and the amount of tools that come up every day, you need someone to lead you in the right direction.

Omnistack Week

Installation of NODEJS

$ sudo apt-get install nodejs

Installation of YARN

$ curl -sS https://dl.yarnpkg.com/debian/pubkey.gpg | sudo apt-key add -
$ echo "deb https://dl.yarnpkg.com/debian/ stable main" | sudo tee /etc/apt/sources.list.d/yarn.list
$ sudo apt-get update && sudo apt-get install yarn

Visual Studio Code - Download

Download the visual studio code and install in your computer

$ dpkg -i code.deb

Settings

{
    "editor.minimap.enabled": false,
    "javascript.updateImportsOnFileMove.enabled": "always",
    "editor.tabSize": 2,
    "editor.fontSize": 14,
    "editor.lineHeight": 24,
    "editor.fontFamily": "Fira Code",
    "editor.fontLigatures": true,
    "files.autoSave": "off",
    "workbench.colorTheme": "Dracula"
}

Extensions of visual studio code:

• Theme Dracula
• Material Icon Theme
• Rocketseat ReactJS
• Rocketseat React Native
• FiraCode

• INSOMNIA
• MONGODB COMPASS

In this project we will use mongodb with atlas

• See more: Mongodb Atlas

Project Initialization:

• Create a folder named: backend
• Just run the command below

$ yarn init -y

Adding express to the backend project

$ yarn add express

Adding nodemon to the backend project

$ yarn add nodemon -D

Adding mongoose to the backend project

$ yarn add mongoose

Adding axios to the backend project

$ yarn add axios

Adding cors to the backend project

$ yarn add cors

Running nodemon with yarn

$ yarn dev

Project Initialization:

• Just run the command below

$ yarn create react-app frontend
$ cd frontend
$ yarn start

Adding express to the frontend project

$ yarn add express

Adding react-router-dom to the frontend project

$ yarn add react-router-dom

Adding axios to the frontend project

$ yarn add axios

See more: OmniStack 8.0

Danilo Righetto