Description: This is a project writing a resume using HTML, CSS, and Javascript. The pages should include a resume and hobbies. On the resume page, it should have four lists of names Highlights, Education, Achievements, and Extracurriculars, a sheet that compares the skill to the proficiency level of that skill, and a contact form. On the hobbies page, there should be three descriptions of your skills, and at least two images that are relevant to that skill. At the end of both, there should be buttons that link to the other page, to your portfolio, and to your school.
What inspired you to come up with the project idea? I was inspired to create this portfolio to showcase my skills and achievements to future recruiters.
What message does your design convey? My design conveys my good qualities and my achievements.
Which resources and research did you use? I used the new syntax on HTML, CSS, and Javascript that I have learned from my CSS class.
PROCEDURE
Step 1: HTML
I first wrote the HTML code for the Resume and Hobbies pages.
Step 2: CSS
I then added styling, following the requirements checklist.
Using pseudoselectors, we made the buttons change depending on the status made by the user.
Normal Button
Hovering over button
Step 3: Javascript
We wanted to make it so the contact form could be interacted with. So we added Javascript with the function submitMessage() that would alert the user that an email has been sent.
REFLECTIONS
S - I think that my styling is very visually appealing to look at.
O - I think I could have improved on the contact form to alert the message as well.
U - I was able to code the Javascript on the contact form relatively quickly, showing my understanding of the code.
L - I feel I could have included more interactivity with more functions if I had time. Maybe even some more styling.
WISCR: The two characteristics I displayed during this project is Well Rounded and Self Motivated. Well Rounded because I was able to write everything by myself and I knew what to write, and Self Motivated because I worked hard on this project and took it home to work on it using drive.