Resume Project

Description: 

This project was to develop a resume website using HTML, CSS, and Javascript on Sublime Text. The resume website had to meet the requirements listed in a checklist: https://docs.google.com/document/d/1HqzA_akebJSzXbYE8nz-3CA56zevjmuzKLyeo3wnkyQ/edit?tab=t.0 

Procedure:

1. We designed the structure of this website using HTML, adding in the text, form, table, images, and links. 

2. We made two HTML files, one for the home/main page of our resume and one for our hobbies. 

3. We used CSS to style the website to our liking. Some of the things I did were changing the text size, font, and color, adjust the spacing, and I styled my table.

4. We then used JS to make the contact form interactive, letting the form be submittable and sending an custom alert when it has been submitted. 

HTML Page Code:

The HTML page has an activities, highlights, education, achievements, and extracurriclars table. We also added a skills table and contact form at the bottom. We learned how to make tables, forms, and lists, and buttons.

CSS Page Code:

The CSS page styles the HTML page with a pink theme. We learned about ID and Class to specifically target certain parts of the website.

JavaScript Page Code:

We learned to use Javascript to create functions in order to give interactive features to the buttons. Specifically, we coded the "submit" button of our contact form to send a message when clicked. This message is in the form of an alert notification and would notify the the user that their message has been sucessfully sent. We then made it more detailed than that, so that if some parts of the contact form weren't filled out, there would be a custom error message sent instead.  

Resume Page:

Hobbies Page

Reflection:

S-The strength of my work is my theme and cohesiveness. My resume follows a pink theme and looks very put together and organized. 

O-Some opportunities to improve my project are that I think I could have challenged myself more and added more functions/features to my site. 

U- I learned a lot through this project, including how to use HTMl, CSS, and Javascript better. I learned how to code specific things such as buttons and tables. 

L- A limitation I encountered was that my alert message for the "submit" button was not showing up. I realized that my code was not in the proper syntax and some of the variable names did not match up. 

WISCR:

I think I displayed W (well-rounded) and I (insightful critical thinker) in WISCR as I was well-rounded and coded my site well and also styled it well. While doing this, I solved a lot of porblems that I encountered by being insightful and using critical thinking.