Test Your Website (5 minutes)

Step 8: Test Website Functionality

1. Visit Your Website

   • Open your CloudFront URL (from Phase 3, Step 5)

     

   • The website should load with your customized content

2. Test Navigation

   • Click on each navigation link (Home, About, Projects, Contact)
   • Smooth scrolling should work
   • Test on mobile device or resize browser window

3. Test Contact Form

   • Fill out the contact form with test data

   • Click "Send Message"

   • You should see "Message sent successfully!"

   • Check your email (the one you used for Formspree) for the test message

     

4. Test CI/CD Pipeline

   • Go to your GitHub repository

   • Click on index.html → Click the pencil icon (Edit)

   • Make a small change (e.g., add "- Updated!" to your name)

   • Commit message: "Test automatic deployment"

   • Click "Commit changes"

   • Go to "Actions" tab → Watch the workflow run

     

   • Wait 2-3 minutes after completion

   • Refresh your CloudFront URL → Your change should appear!

   • Feel free to make changes on your portfolio along the way! Then type this on your terminal.

     git add . 
     git commit -m “Change” 
     git push
     

     Here’s my revised customized portfolio! 🌺

     

Verification Checklist

• ✅ Website loads on CloudFront URL
• ✅ All navigation links work
• ✅ Mobile responsive design works
• ✅ Contact form sends emails successfully
• ✅ GitHub Actions automatically deploys changes
• ✅ Changes appear on live site after deployment