A personal project to learn how to code a website from the ground-up and deploy it on AWS.
Followed tutorials on YouTube by GreatStack for the CSS, HTML, and Javascript design, and by Alex Hyett for the Actions script to autodeploy to Amazon S3.
GreatStack: https://www.youtube.com/@GreatStackDev
Alex Hyett: https://www.youtube.com/@alexhyettdev
- Deploying static site with AWS S3:
- Connecting dynamic form to static S3 hosting: https://www.secnix.com/engineering-titbits/build-serverless-contact-forms-for-amazon-s3-static-websites-with-aws-lambda-amazon-api-gateway-and-amazon-ses-aws-console/
To update the metadate for you site, follow this tutorial: https://nickcarmont8.medium.com/how-to-add-a-website-thumbnail-for-sharing-your-html-site-on-social-media-facebook-linkedin-12813f8d2618.
I used this site https://imgbb.com to generate a URL for the image I wanted to use as my site's thumbnail image. I couldn't use a relative path to my image.
- Using fonts in different areas: https://www.geeksforgeeks.org/how-to-use-google-fonts-in-css/
- Pop-up page (modal): https://www.w3schools.com/howto/howto_css_modals.asp
- Including multiple modals in one page: https://stackoverflow.com/questions/37402241/support-for-multiple-modal-single-page