OnlineResumeActivity

• Objective - To create a personalized online resume detailing your career profile (or professional summary), experience, and education.
• Purpose - To establish familiarity with CSS and HTML.
• Description
  • You are provided with an index.html document at the root of this project, and a style.css in the css folder.
  • Edit the document by adding information about yourself to it.
  • You will have atleast 1 hour to work on this now, and can complete it on your own time if need be.
  • Use the skills learned in the HTML and CSS lessons to complete this project.
  • "Ask three before me"
    • We are here to help, but please check web resources or consult with peers prior to asking Instructor/TAs. This helps build your "search muscles" which are very important to your future roles as Developers.
  • The objective is to achieve a portfolio with comparable quality to the image below.

Part 1 - Clone the project

• Begin by forking this project into a personal repository.
  • To do this, click the Fork button located at the top right of this page.
• Navigate to your github profile to find the newly forked repository.
• Clone the repository from your account into the directory on your computer that you use to keep your projects (ex. dev directory).
• Open the newly cloned project in a code editor (ex. Visual Studio Code).

Part 2 - Edit the cloned project

• from a text editor (i.e. - Visual Studio Code), select:
  • File > Add Folder to WorkSpace
    • Select the directory you use to store your projects (ex. dev directory)
    • From the text editor,in the directory you use to store your projects (ex. dev directory), locate the newly cloned project
    • Expand the project from the project explorer (may just be called explorer)
    • Modify the index.html and style.css by adding code and data to fit your persona.

Part 3 - Pushing new changes to repository

• From a terminal navigate to the root directory of the cloned project.
• From the root directory of the project, execute the following commands:
  • git add .
    • Add all files in current directory to the staging area
  • git commit -m 'I have made an edit to a file!'
    • Save all staged changes to local repository
  • git push -u origin main
    • Push changes from local repository to remote repository

Deploy your app on GH-Pages by selecting on your Github the main branch under Settings --> Pages and then clicking Save - navigate to the link provided, OR

Navigate to Netlify sign up for an account by authenticating thru the Github option, and follow these directions step-by-step-guide-deploying

When you are finished with the activity, drop a url link to your deployed app in the Chat or in the thread on our student Slack channel!

At the end of the allotted time, we will have a few learners share their deployed apps. You will be expected to raise your hand and guide the class to your deployed app.

Adapted from Leon Hunter.