Skip to content

Instantly share code, notes, and snippets.

View CLeeBenjamin's full-sized avatar
🕊️

CLeeBenjamin CLeeBenjamin

🕊️
20 followers · 4 following
View GitHub Profile
@CLeeBenjamin
CLeeBenjamin / index.html
Created February 2, 2025 07:53
mobile navigation concept
<div class="phone">
<div class="page">Home</div>
<nav>
<div class="wave-wrap">
<svg version="1.1" id="wave" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 119 26">
<path class="path"
d="M120.8,26C98.1,26,86.4,0,60.4,0C35.9,0,21.1,26,0.5,26H120.8z"/>
</svg>
</div>
@CLeeBenjamin
CLeeBenjamin / setupPractice.md
Last active February 27, 2023 20:05

Summary: This is practice in rote memory for development

1. Create a project
    1. Go to terminal 
    2. mkdir todolistPract#1 or anything
    3. Cd into todo
    4. Code . -> this should open vs code. If it doesn’t, drag and drop the folder into vs code
  1. Express Server Setup
@CLeeBenjamin
CLeeBenjamin / Deployment_pt.2.md
Last active February 27, 2023 17:34

🪂 Deployment 🪂

Slides

BACKEND

🟢 Development Environment vs Production Environment 🟢

Give refresher on development environment and production environment

development environment: A development environment is a workspace where developers write, test and debug code. >>>

@CLeeBenjamin
CLeeBenjamin / domApiStarter.md
Last active February 14, 2023 05:23 
const blueContainer = document.createElement("div");
const h1 = document.createElement("h1");
const h4 = document.createElement("h4");

document.body.appendChild(blueContainer);
blueContainer.append(h1,h4);

blueContainer.style.backgroundColor = '#00BDFF';
@CLeeBenjamin
CLeeBenjamin / Workshop_Deployment_capstone.md
Last active February 14, 2023 20:53

Slides

FWBAT:

  1. Understand the context of deployment
  2. Deploy Backend with Railway.app
  3. Deploy Frontend with Netlify

Context of Deployment

@CLeeBenjamin
CLeeBenjamin / Workshop_CSS_Frameworks_capstone.md
Last active January 27, 2023 13:26

Introduction to Bootstrap with React

Objectives:

  1. Add bootstrap component to React
  2. Style components from React using bootstrap
  3. Learn how to create reading from the documentation

Lesson Outline:

@CLeeBenjamin
CLeeBenjamin / lecture_2_unit_testing_mock_capston.md
Last active January 19, 2023 20:01

Lecture 2: Mock

Slides

Review - 10 minutes

1.) Test Coverage

What is the Test Suite and a Test Case? - 5 minutes

  1. What is a test case?
@CLeeBenjamin
CLeeBenjamin / lecture_1_Test_Coverage_capstone.md
Last active January 18, 2023 17:15

Lecture 1: Test Coverage

Slides

Review - 10 minutes

1.) Setting up testing for Fizzbuzz

  • how to install jest
  • setup test files
  • red, green, refactor
@CLeeBenjamin
CLeeBenjamin / lecture_0_unit_testing_capstone.md
Last active January 17, 2023 15:40

Lecture 0: Unit Testing

Slides

Intro To Test Driven Development - 10 minutes

1.) What is Test Driven Developmemnt?

  • development strategy.
  • test first and then code.

>> 2.) Why is Test Driven Developmemnt important?

@CLeeBenjamin
CLeeBenjamin / README.md
Created January 17, 2023 09:26 — forked from thuyanduong/README.md
React Router Robodex

React Router Lecture with Sankofa

Slides

Review of React - 15 minutes

  • Take a good look at Robodex!
  • What are the features you all built out together?
  • What is the component hiearchy?
  • What state lives in Context? Why?
  • What state doesn't live in Context? Why not?