Skip to content

Commit

Permalink
Update 1.14_project_codespace_cat_portfolio.md
Browse files Browse the repository at this point in the history
  • Loading branch information
jessklette authored Jan 22, 2024
1 parent 2e42e35 commit cd75fe8
Showing 1 changed file with 0 additions and 73 deletions.
73 changes: 0 additions & 73 deletions 01_html_foundations/1.14_project_codespace_cat_portfolio.md
Original file line number Diff line number Diff line change
Expand Up @@ -51,76 +51,3 @@ In this project, you'll dive into the world of web development and get hands-on
- Pay attention to details like indentation and proper tag nesting to keep your HTML code clean and readable.
- Use semantic HTML tags to structure your content logically.
- Feel free to ask for feedback or guidance if you're unsure about anything.

# Getting Started with your Project Starter Files

You have everything you need to start your project using the project file and starter code provided in the GitHub repo. This repo contains the starter boilerplate code which you can clone to get yourself up and running.

In the project folder you will find the references images so you can see what sections of the CodeSpace Cat portfolio you are required to build (See images labelled "sections_1" and "sections_2"). The project folder also contains a short video showing you the sections of the page and what your final project should look like.

The Starter code includes the base HTML file labelled "index.html" which has the boilerplate HTML where you will add your code to complete the project. Note that the project starter code includes a folder labelled "images" which contains the that holds the images you will need to add to your project.

**Project Folder on Github:** https://github.com/CodeSpace-Academy/sdf-student-projects/tree/main/01_html_foundations

**Starter Code:** https://github.com/CodeSpace-Academy/sdf-student-projects/tree/main/01_html_foundations/project_codespace_cat_portfolio_starter_code

# Downloading Raw Files

## Simple Step-by-Step Guide to Downloading GitHub Files from a Repo

1. **Open the Repository**
- Navigate to [the project repo on GitHub](https://github.com/CodeSpace-Academy/sdf-student-projects/tree/main/01_html_foundations).
- Search for the repository you want to download files from or directly go to its URL.

2. **Access the Repository's Main Page**
- Ensure you are on the main page of the repository, where you can see the list of files, readme information, etc.

3. **Download as ZIP**
- On the right side of the page, you'll find a green button labeled "Code". Click on this button.
- A dropdown menu will appear. Choose the "Download ZIP" option.

4. **Extract the ZIP File**
- Once the ZIP file has downloaded, locate it on your computer (typically in the 'Downloads' folder).
- Right-click on the ZIP file and choose "Extract All" (the exact option may vary depending on your operating system). Follow the prompts to extract the files.

5. **Access the Files**
- Once extracted, you can open the folder and access all the files from the GitHub repository.

*Note: This method downloads all the files from the repo at once. If you need individual files, you can navigate to that specific file in the repository, click on it, then click the "Download" button on the right side.*

# Using GitHub Desktop

## Simple Step-by-Step Guide to Cloning a Repo Using GitHub Desktop

1. **Ensure GitHub Desktop is Installed**
- If you haven’t installed GitHub Desktop, download and install it from [desktop.github.com](https://desktop.github.com/).

2. **Open GitHub Desktop**
- Launch the GitHub Desktop application on your computer.

3. **Sign in to Your GitHub Account (if not already)**
- On opening GitHub Desktop for the first time, you'll be prompted to log in.
- Enter your GitHub credentials and sign in.

4. **Navigate to the Repository on GitHub's Website**
- Open your web browser and go to [github.com](https://github.com/).
- Search for or directly navigate to the repository you want to clone.
- For the starter code for this project, go to: https://github.com/CodeSpace-Academy/sdf-student-projects/tree/main/01_html_foundations/project_codespace_cat_portfolio_starter_code
- For the whole project repo including all the instructions go to: https://github.com/CodeSpace-Academy/sdf-student-projects/tree/main/01_html_foundations

5. **Initiate the Cloning Process**
- On the repository's main page, you'll see a green button labeled "Code".
- Click on this button. A dropdown menu will appear.
- Choose the "Open with GitHub Desktop" option. This will prompt the GitHub Desktop app to handle the link.

6. **Clone the Repository in GitHub Desktop**
- GitHub Desktop will open a "Clone Repository" dialog.
- Choose where you'd like to save the local copy of the repository on your computer by selecting the "Local Path."
- Click the "Clone" button.

7. **Access and Work with the Cloned Repository**
- After the cloning process is complete, the repository will be available on your local machine at the path you selected.
- In GitHub Desktop, you can click on the "Repository" dropdown and choose "Show in Explorer" (Windows) or "Show in Finder" (macOS) to open the repository location.
- You can now work with the files, make changes, commit those changes, and sync with the online repository directly from GitHub Desktop.

*Note: GitHub Desktop provides a graphical user interface for Git, making it more user-friendly for those unfamiliar with command-line operations. It's an excellent tool for beginners or for those who prefer a visual approach to version control.*

0 comments on commit cd75fe8

Please sign in to comment.