SandBox General

Make sure that an AWS environment has the following and install:

node -v

nvm -v
nvm install --lts

npm -v
npm install testem -g
npm install -g c9 or npm install -y

npm install bootstrap@5.2.2

bootstraps linked for formating (quick!):

Link SHH keys via this link: Github key link

Make a local git repository using git init inside a new directory Write some code! Add your new code to the staging area with git add, then make a commit using git commit Make a new remote repository on Github Follow the instructions given after you create your repo to add your GitHub repo as a remote for your local project. Use git push origin master to push your work up to your remote on GitHub! Repeat until it's second nature!

Run Code (Environment)

Front-End Helpful Hints (for Node.js environment)

• Initial package.json & install dependencies (localhost: 3000):

> npx create-react-app <project name>
> cd <project name>
> npm install --save react-router-dom

• Test front-end once pages are generated (ctrl-c to exit):

> npm run start

• Establish Firebase email/password only (see resources):

> npm install firebase

Required for index.js

import { initializeApp } from 'firebase/app';

• Include the remainder of the info provided by Firebase (see resources):
• Add LoginPage.js & CreateAccountPage.js to pages section

Required for LoginPage.js

import { getAuth, signInWithEmailAndPassword } from 'firebase/auth';

Required for CreateAccountPage.js

import { getAuth, createUserWithEmailAndPassword } from 'firebase/auth';

Required for NavBar.js

import { getAuth, signOut } from 'firebase/auth';

• Sign Out Button uses onClick of signOut(getAuth())

Back-End Helpful Hints (for Node.js environment)

• Install express:

> npm install express --save
> npm express -v
> npm list express

• To avoid using babble the package.json must have "type": module, added below "main": "index.js",

• Run test with Postman as needed to test calls before connecting to client end.

Option for Linux-AWS (MongoDB Community):

• Adding with Mongodb community(yum/red hat)

> [mongodb-org-6.0]
> name=MongoDB Repository
> baseurl=https://repo.mongodb.org/yum/redhat/$releasever/mongodb-org/6.0/x86_64/
> gpgcheck=1
> enabled=1
> gpgkey=https://www.mongodb.org/static/pgp/server-6.0.asc

• Install MongoDB packages:

> sudo yum install -y mongodb-org
> mongo --version
> npm mongodb -v

> echo -e "[mongodb-org-3.6] \nname=MongoDB Repository\nbaseurl=https://repo.mongodb.org/yum/amazon/2013.03/mongodb-org/3.6/x86_64/\ngpgcheck=1 \nenabled=1 \ngpgkey=https://www.mongodb.org/static/pgp/server-3.6.asc" | sudo tee /etc/yum.repos.d/mongodb-org-3.6.repo
> sudo yum install -y mongodb-org-shell
> mongo --version

• Access MongoDB shell:

> mongo

• Updated mongoDB database, collections
• A new database will need to be generated (see resources)
• Install mongoDB into the node backend:

> npm install mongodb

• Confirm function with MongoClient from mongodb.
• This will later be connected to with db.js document.

Firebase

• Establish Firebase email/password only (see resources):

> npm install firebase-admin

• Include the remainder of Firebase Credentials in .gitignore (see resources):

Required for server.js

import admin from 'firebase-admin';

---

• Test dev environment:

> npm install -g nodeman
> npx nodemon src/server.js

• Update package.json
• Run short cut to test back-end:

> npm run dev

---

Option for Mac-OS (MongoDB Community):

• Install homebrew by going to the following (see resources):

> /bin/bash -c "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/HEAD/install.sh)"

• Confirm homebrew has been loaded:

> brew --version
> brew --prefix 

• Add mongoDB with the homebrew (additional resources):

> brew tap mongodb/brew
> brew update
> brew install mongosh
> brew install mongodb-community@6.0

• Confirm mongodb community is install:

> brew services start mongodb-community@6.0

---

Connecting Ends

• Install axios library to front end:

> npm install axios
> npm axios --version

• Add a proxy to the package.json file (8080 AWS-linux, 8000 Mac-OS)
• In package.json add "proxy": localhost:id
• There is also the ability to install a cors dependencies:

> npm install cors
> npm cors --version

• Initiate both front & backend at the same time
• Use axios (front-end) to corresponding server.js (back-end & CRUD)

---

Additional Resources:

Hombrew Install (Mac):

• Homebrew Alternative Install
• Homebrew Trouble Shooting

Troubleshooting:

> brew config
> brew doctor

RedHat Install (linux):

• MongoDB Community Install

Mongodb Install & Updates:

• Mongodb Tutorial Install
• Mongodb Shell Commands

Required for hosting:

• Mongodb Atlas

Firebase Install Info:

• FireBase
• Register Firebbase to Javascript

Google Cloud:

• Google Cloud