Personal Resume site
This is a resume site which enables people to learn more about me, and the past projects that i have done, and also my different achievements throughtout the years. This site also allows user to contact me via my socials or the sites email me button.
Design Process For the design process, i wanted the website to be fairly simple nothing to complicated and i also wanted it to be informative as well. With the goal of being able to attract various employers to look at my website.
Features
Existing Features Navigation bar, which allows users to navigate my site easily.
Footer, Which includes my social links like linked in and wix for employers to view more about me.
Email me button, for employers to easily email me. Email button would redirect them directly to a email page for them to email me.
Interactive email button, after email button is clicked, the email button has an animation.
Name in about page is animated, when the user clicks ont the site, they are able to see a typewriter effect on my name.
Navbar hover, when user hovers over the navbar it changes color.
Features Left to Implement
Implement more interactions throughout the webpage
Make a working form that allows me to receive user's input
Technologies Used HTML, to create the webpages Javascript, to add in some interactive elements Css, to add style for the webpages Abobexd, for the planning of my webpages and also to make the wireframe
Testing:
Contact form: Go to the "Contact Us" page Try to submit the form with an invalid email address and verify that a relevant error message appears. Try to submit the form with letters as your contact number and verify that it does not allow you to do so.
Webpage: Go to any of the webpages and try it on different devices and should see that the webpages are scaled down according to your devices.
Problems: The form doesnt work, user is only able to key in information and press the submit. But their input is not being submitted anywhere or being saved.
Credits Content Media
The photos used in this site were obtained from
linkedIn logo: https://www.flaticon.com/free-icon/linkedin_174857
Wix logo: https://f.hubspotusercontent10.net/hubfs/2833362/__hs-marketplace__/wix-icon-800x800a-3-1.png
background image: https://cdn.wallpapersafari.com/1/16/Omc6tT.jpg
Acknowledgements
I received inspiration for this project from
Email button: https://www.youtube.com/watch?v=ueyRcYEmsrI&ab_channel=OnlineTutorials
Typewriter effect: https://www.w3schools.com/howto/howto_js_typewriter.asp