dev-lab-november.md

486🚀

Dev Lab November Node<-(data)->ejs & PRs too

User Story (:t-shirt: small or medium small)

As a ___ ??

I want ____ pass data client to server

So that ____ front and back end are connected

==

As a ___ me

I want ____ all our MIKEs in one place

So that ____ i can find em easy

Narrative

• Fall 2023 dev notes: https://gist.github.com/barrycumbie/97a17fdea43adb2af55c042b3253081d
• https://github.com/barrycumbie/studious-robot
• capture process, dev knowlegdge
• advance our onboarding project
• reflect and clean up some mess
• Class Repo: https://github.com/barrycumbie/automatic-octo-eureka-november-classRepo

Name: Peyton Junjulas
Year: Graduating Senior
GH profile: https://github.com/peytonjunjulas
dev-lab-mike: https://github.com/peytonjunjulas/dev-lab-mike

Name: Koby Ingram
GitHub REPO: https://github.com/kobyingram11/fuzzy-goggles
@barrycumbie

https://github.com/ColinTate24/repository-mike2

Austin Reach
https://github.com/Kiikz/dev-lab-mike

Jacob Sanders
Repo: https://github.com/jacobsanders7/probable-garbanzo

Alex
https://github.com/astricklandd/dev-mike-2
@barrycumbie

Justin Nash
repo: https://github.com/NashJ99/nash-mike

Name: Gavin Raney
GitHub: https://github.com/gavinraney
Mike Repo: https://github.com/gavinraney/devlab-mike

Name- Hunter McGriff
https://github.com/hunter-mcgriff/didactic-octo-chainsaw

Troy Wisdom (https://github.com/tgwisdom/devlab-mike)

Name: Adam Warren

GitHub REPO: https://github.com/AdamWarren01/dev-lab-november

Greyson Holmes
GitHub REPO: https://github.com/FlameRender/Dev-Lab-Mike-486

spin up v2.0

new node + express hosted GitHub & delpyed with Heroku, dev w/vsCode.

• from scratch
• init a new GH repo on g/h
  • new repo
  • use their suggested name
  • options: choose: add readme, public, gitignore template = node, licence = gpl 3.0
  • click big green
• copy from big green code button my https path to .git file
• over to vsCode on my devbox
• open up terminal, use gitbash
• $: ls # to see where I'm at
• $: do more cli cmds like cd desktop to get to where you wanna dev
• cd into your working directory
• tip: in cli, hit tab often to predict filename
• tip: PS1='$: ' #rename your prompt

from ☝️

• cli: 'code .'
• check versions...npm -v node v , if not, go install node from 🦆 nodejs
• npm init -y => creates package.json
• install pkg: express: npm i express --save
• touch app.js
• open app.js click onit.
• 🦆 nmpjs xpress grab starter code

const express = require('express')
const app = express()

app.get('/', function (req, res) {
  res.send('Hello World')
})

app.listen(3000)

from above ☝️

• test local: 'node app.js` (allow firewall access if that is a thing 🔥 🧱 )
• go to http://localhost:3000
• if works, 😎
• either kill server with a ctrl + c or open new bash terminal
• do our git salute

git status #show me what has changed
git add [filename] [filename] [filename]
gist commit -m 'some super awesome consice meanignful misspelled msg'
git push

troubleshooting to github on your push

:duck personal access token on git
try storing your credential on git global: https://docs.github.com/en/get-started/getting-started-with-git/setting-your-username-in-git

• head over yonder to heroku.com, createa new app
• options: name it whatever you like, click big purple
• deploy metnhod: github, search for my repo
• enable auto deploy
• first time only, manual deply
• when ready, click view app: https://studious-robot.herokuapp.com/
• head back to vsCode and get this thing heroku ready
• on app.js,

- app.listen(3000)
+ app.listen(process.env.PORT || 3000,
    () => console.log("Server is running..."));

from ☝️

• wait a 🔥 second for heroku to cycle...then check out your deployed app

let the machine do the work

• npm i ejs
• npm i body-parser
  Check package version 👉 npm list body-parser

Generate a P/R on G/H

• clone our REPO: https://github.com/barrycumbie/studious-robot,
• from big green: https://github.com/barrycumbie/studious-robot.git
• on a new place on your DEV BOX: $: git clone https://github.com/barrycumbie/studious-robot.git
• back to our REPO on G/h
• create a new Issue, e.g. https://github.com/barrycumbie/studious-robot/issues/3