Merge branch 'code-differently:main' into lesson_17

Author: jxwatson251

.github/workflows/check_lesson_26_java_pr.yaml

@@ -0,0 +1,28 @@
+name: Check Lesson 26 Java Pull Request
+
+on:
+  pull_request:
+    branches: [ "main" ]
+    paths:
+      - "lesson_26/api/java/**"
+
+jobs:
+  build:
+
+    runs-on: ubuntu-latest
+    permissions:
+      contents: read
+      pull-requests: write
+
+    steps:
+    - uses: actions/checkout@v4
+
+    - name: Set up JDK
+      uses: actions/setup-java@v4
+      with:
+        java-version: '21'
+        distribution: 'temurin'
+
+    - name: Build Lesson 26 with Java
+      working-directory: ./lesson_26/api/java
+      run: ./gradlew check

.github/workflows/check_lesson_26_ts_pr.yaml

@@ -0,0 +1,28 @@
+name: Check Lesson 26 TS Pull Request
+
+on:
+  pull_request:
+    branches: [ "main" ]
+    paths:
+      - "lesson_26/api/javascript/api_app/**"
+
+jobs:
+  build:
+
+    runs-on: ubuntu-latest
+    permissions:
+      contents: read
+
+    steps:
+    - uses: actions/checkout@v4
+
+    - name: Use Node.js
+      uses: actions/setup-node@v4
+      with:
+        node-version: '20.x'
+
+    - name: Build Lesson 26 with Node.js
+      working-directory: ./lesson_26/api/javascript/api_app
+      run: |
+        npm ci
+        npm run check

.github/workflows/check_push.yml

@@ -164,3 +164,13 @@ jobs:
       working-directory: ./lesson_17/bank
       run: ./gradlew check
 
+    - name: Build Lesson 26 with Java
+      working-directory: ./lesson_26/api/java
+      run: ./gradlew assemble
+
+    - name: Build Lesson 26 with Node.js
+      working-directory: ./lesson_26/api/javascript/api_app
+      run: |
+        npm ci
+        npm run build
+

lesson_25/README.md

@@ -15,4 +15,26 @@ Please review the following resources before lecture:
 
 ## Homework
 
-- TODO(anthonydmays): Assign some homework
+- [ ] Complete the [Introduction to React](#introduction-to-react) exercise.
+- [ ] Do pre-work for [lesson 26](/lesson_26/).
+
+### Introduction to React
+This exercise will give you hands-on experience with the React framework and supporting tools to enhance a dynamic front-end application that communicates with a backend API.
+
+#### Starting the servers
+
+1. Copy the React [template](./template/) folder to your own unique folder. Make necessary code changes in your folder only. 
+2. Install the React web server in your copy using `npm install` and then run it using the `npm run dev` command.
+
+#### Create new components
+3. Modify the [Home](./template/src/pages/Home/Home.tsx) component to create new `Program` and `ProgramList` components. The needed HTML and CSS has already been provided for you.
+  - The `Program` component should allow you to configure the title and description to display.
+
+#### Create a page for adding new programs
+
+4. Create a new page (similar to the Home page component) that allows users to provide a new program title and description in a form.
+
+> [!NOTE]
+> You can use the [React Router tutorial](https://reactrouter.com/en/main/start/tutorial#updating-contacts-with-formdata) to learn how to handle form submissions.
+
+[react-router-link]: https://reactrouter.com/en/main/start/tutorial

lesson_25/template/.gitignore

@@ -0,0 +1,24 @@
+# Logs
+logs
+*.log
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*
+pnpm-debug.log*
+lerna-debug.log*
+
+node_modules
+dist
+dist-ssr
+*.local
+
+# Editor directories and files
+.vscode/*
+!.vscode/extensions.json
+.idea
+.DS_Store
+*.suo
+*.ntvs*
+*.njsproj
+*.sln
+*.sw?

lesson_25/template/.prettierrc

@@ -0,0 +1,24 @@
+{
+  "bracketSpacing": false,
+  "singleQuote": true,
+  "trailingComma": "es5",
+  "arrowParens": "avoid",
+  "importOrder": [
+    "<THIRD_PARTY_MODULES>",
+    "interface",
+    "(?=content|api)",
+    "context/",
+    "mock/",
+    "config",
+    "utils/",
+    "hooks/",
+    "(components/|./index)",
+    ".svg",
+    "^../(.*)$",
+    "(?=./styles.module.scss)"
+  ],
+  "endOfLine": "auto",
+  "importOrderSeparation": true,
+  "importOrderSortSpecifiers": true,
+  "plugins": ["@trivago/prettier-plugin-sort-imports"]
+}

lesson_25/template/eslint.config.js

@@ -0,0 +1,4 @@
+// .eslintrc.js
+import eslintConfigPrettier from 'eslint-config-prettier';
+
+export default [eslintConfigPrettier];

lesson_25/template/index.html

@@ -0,0 +1,13 @@
+<!doctype html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <link rel="icon" type="image/x-icon" href="/favicon.ico" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>Code Different - Cohort 24Q1</title>
+  </head>
+  <body>
+    <div id="root"></div>
+    <script type="module" src="/src/main.tsx"></script>
+  </body>
+</html>