Skip to content

Update assignment.md #193

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Open
mamooredesigns wants to merge 1 commit into
base: main
Choose a base branch
from
Open

Update assignment.md #193

Changes from all commits
Commits
Show all changes
1 commit
Select commit
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
72 changes: 72 additions & 0 deletions ...inalize-app-portfolio-app-and-data-security-deploying-a-react-app/assignment.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -2,6 +2,8 @@

> [!important]
> This assignment is **optional**. We understand that not everyone will want to deploy their application online or use this specific hosting service. You can focus on the styling and portfolio preparation aspects without deploying, or choose an alternative deployment platform that better suits your needs. If you choose another service, your mentors may not be able to assist with troubleshooting.
>
> **NOT OPTIONAL is a short demonstration video of your application.** This can be run locally to demonstrate - you do not need to deploy your app for the video. **_At the bottom of this Assignment section please find details on the Video Demo that you should submit this week._**

### Expected App Capabilities

Expand Down Expand Up @@ -349,3 +351,73 @@ After completing this assignment, consider these enhancements for your portfolio

> [!NOTE]
> The AI review tool (known as AirHub) can check code and structure, but it does not run your code in a server environment to verify that aspect runs properly. We will have human reviewers checking this aspect, so you may receive a passing assignment from AirHub that could still need revisions after a human has checked that your work runs properly in the correct environment. If your AI and human reviewer feedbacks don't match, trust the human review.

## VIDEO DEMONSTRATION Details

Talking about your projects is an important skill for job interviews. Record a 3–5 minute demo of your final projects that covers the following:

- [ ] Show the user functionality of your site including any login or authentication features
- [ ] Demonstrate how the user would make use of your application
- [ ] include navigation around your site and any user interactivity
- [ ] include any creating, reading, updating, or deleting functionality
- [ ] Scroll the length of any/all of your pages to showcase your styling and layout work
- [ ] Share what the most challenging part of the project or class was for you and what you enjoyed working on the most

### Record your presentation

You can record your presentation in any of these three ways:
1. Logging into your personal Zoom account and record your personal meeting where only you are in attendance and you are screensharing your work ([this is a link to a video on how to do this](https://www.youtube.com/watch?v=njwbjFYCbGU))
2. Use a screen recording program already on your machine
* [Mac users can use this link to watch a how-to video](https://www.youtube.com/watch?v=w9Byefp51tY)
* [Windows users can use this link to watch a how-to video](https://www.youtube.com/watch?v=PJB7pM5bvNI)
3. Use an online option such as loom ([link to a how to video on loom here](https://www.youtube.com/watch?v=oAdLPbfXcQo)).

### Upload your video

<details>
<summary>Click here to expand detailed instructions on how to upload your recording</summary>
<br>
<h4>1. Make sure you're logged in to youtube.</h4>
<p>If you don't have a youtube account, <a href="https://support.google.com/youtube/answer/161805?hl=en&co=GENIE.Platform%3DDesktop">create one by following these instructions</a>.</p>
<p>You will know you're logged in if you have an initial/icon/other in the top right corner (where the M in the brown circle is on this screenshot):</p>

![User logged in to youtube account](https://github.com/Code-the-Dream-School/intro-to-programming-2025/blob/d2f9b35d7206eeb0af24f85a8e8e5d97d43cbfad/images/Screenshot%202025-01-27%20at%204.01.20%E2%80%AFPM.png?raw=true)

<h4>2. Click `+ Create` in the top right and select `Upload video`</h4>

![Create menu expanded](https://github.com/Code-the-Dream-School/intro-to-programming-2025/blob/d2f9b35d7206eeb0af24f85a8e8e5d97d43cbfad/images/Screenshot%202025-01-27%20at%204.01.27%E2%80%AFPM.png?raw=true)

<h4>3. In the Upload videos window that appears, click the black `Select files` button</h4>
<p>You'll need to select the file of your recording you have saved on your computer.</p>

![Upload videos modal](https://github.com/Code-the-Dream-School/intro-to-programming-2025/blob/d2f9b35d7206eeb0af24f85a8e8e5d97d43cbfad/images/Screenshot%202025-01-27%20at%204.01.35%E2%80%AFPM.png?raw=true)

<h4>4. The file title will be the default video title. You can change this to include your name and "React Final Project Presentation"</h4>

![Edit Video Details title](https://github.com/Code-the-Dream-School/intro-to-programming-2025/blob/d2f9b35d7206eeb0af24f85a8e8e5d97d43cbfad/images/Screenshot%202025-01-27%20at%204.02.17%E2%80%AFPM.png?raw=true)

<h4>5. Scroll down under the title; select "No, it's not made for kids" and click on the `Show more` gray button to make further setting changes</h4>

![Adjust video settings](https://github.com/Code-the-Dream-School/intro-to-programming-2025/blob/d2f9b35d7206eeb0af24f85a8e8e5d97d43cbfad/images/Screenshot%202025-01-27%20at%204.02.30%E2%80%AFPM.png?raw=true)

<h4>6. You'll want to be sure the following options for some of the sections that appear after clicking `Show more` are set to the following:</h4>

- [ ] Altered content: select "No" since you have not used AI to alter reality in your video

- [ ] Recording date and location: please select the date you made your final project recording

- [ ] Shorts remixing: select "Don't allow remixing"

- [ ] Comments and ratings: if you would like classmates to leave comments, leave comments "On", otherwise you can turn them off by selecting "Off". _NOTE: we do not and cannot monitor comments. Please report anything concerning to Code the Dream but have screenshots if needed._ You can also uncheck 'Show how many viewers like this video' if you prefer.

- [ ] Click the black `Next` button in the bottom right to proceed from the Details section of the upload through the Video elements and Checks portion.

- [ ] Once you are on the Visibility section of the upload, select "Unlisted" as seen here

![Select Unlisted](https://github.com/Code-the-Dream-School/intro-to-programming-2025/blob/d2f9b35d7206eeb0af24f85a8e8e5d97d43cbfad/images/Screenshot%202025-01-27%20at%204.04.52%E2%80%AFPM.png?raw=true)

- [ ] Lastly, click `Save` and copy your video link as seen here

![Save and copy](https://github.com/Code-the-Dream-School/intro-to-programming-2025/blob/d2f9b35d7206eeb0af24f85a8e8e5d97d43cbfad/images/Screenshot%202025-01-27%20at%204.05.09%E2%80%AFPM.png?raw=true)

</details>