Skip to content

Latest commit

 

History

History
57 lines (36 loc) · 3.85 KB

README.md

File metadata and controls

57 lines (36 loc) · 3.85 KB
Raw

[SDF07] Build Your Portfolio MVP

alt text

Steps to Complete

  • Access the Course: Start by going to Build your web developer portfolio (scrimba.com)
  • Allocate Time for the Course: The course comprises 22 lessons totaling approximately 2 hours and 26 minutes. Set aside around 3-4 hours to complete the course, including the time for building and customizing your portfolio.
  • Build the Website: Follow the course to build your portfolio.
  • Deployment: You ARE NOT REQUIRED TO DEPLOY your app for this project submission. You will only be submitting the files on GitHub.

Code Along with the Build Your Portfolio MVP

This guide will walk you through the process of forking the Build Your Portfolio MVP starter code from GitHub, and then coding along with Scrimba's course using Visual Studio Code (VSCode). By the end of this guide, you will have a local development environment set up to work on your Portfolio MVP.

Step 1: Fork the Repository

Forking allows you to have a personal copy of the project on their GitHub account, which you can then clone to your local machine, make changes, commit, and push back to your forked version without affecting the original repository.

  1. Navigate to the Repository: Go to the . Look for a button labeled Fork in the top-right corner of the page.
  2. Fork the Repository: Click the Fork button. This creates a copy of the repository in your own GitHub account, allowing you to make changes without affecting the original code.

Step 2: Clone Your Forked Repository

  1. On your forked repository page, click the Code button and copy the URL under "Clone with HTTPS".
  2. Open Visual Studio Code (VSCode) and access the terminal (Terminal > New Terminal).
  3. Type git clone, paste the URL you copied, and press Enter. This clones the repository to your local machine.

Step 3: Open the Project in VSCode

  1. Open Folder: In VSCode, go to File > Open Folder.
  2. Select the Project Folder: Navigate to the location where you cloned the repository, select the folder, and click Open. Now, you should see the project files in the VSCode sidebar.

Step 4: Code Along with Scrimba

The course spans roughly two and a half hours.

  1. Access the Scrimba Course: Open the Build your web developer portfolio (scrimba.com) in your web browser.
  2. Follow Along: As you progress through the Scrimba lessons, switch back to VSCode to apply what you've learned to your local project files.
  3. Save Your Work: Regularly save your files in VSCode by pressing Ctrl+S (Windows/Linux) or Cmd+S (Mac).

Step 5: Test Your App Locally

  1. Open the HTML File: Right-click the index.html file in the VSCode sidebar and select Open with Live Server if you have the [Live Server extension](Live Server Extension for Visual Studio Code | Full Tutorial (youtube.com)) installed. Alternatively, you can open the file in your browser by navigating to the file location.
  2. Test the App: Interact with your app in the browser to test its functionality. Make adjustments in VSCode as needed.

Step 6: Commit and Push Changes

Once you are done and you wish to update your GitHub fork with the changes:

  1. After making changes, commit them to your local repository. Use commands like git add ., git commit -m "description of changes", and git push to push changes to your forked repository on GitHub.

Step 7: Submit Your Project

Once you've completed and tested your app:

  1. Generate a Public Link: If you've pushed your project to GitHub, your repository URL is what you'll need.
  2. Submit the link: to your completed app via the Learning Management System (LMS) [Projects] tab.