Project Deployment Workflow using GitHub and AWS Amplify
Apr. 2025
This section outlines the deployment process of my personal portfolio website utilizing GitHub for version control and AWS Amplify for hosting, ensuring a streamlined and professional workflow.
Objectives
- Host the portfolio website on a reliable cloud platform.
- Implement GitHub for efficient version control and collaboration.
- Automate deployments through Git-based triggers.
- Gain practical experience with Git and AWS Amplify integration.
Tools & Technologies
- Git: Version control system
- GitHub: Repository hosting and code management
- AWS Amplify: Cloud-based web hosting and continuous deployment
- HTML, CSS, JavaScript: Core technologies for the portfolio website
Deployment and workflow
- Local Project Setup: Developed the portfolio using HTML, CSS, and JavaScript, organizing files into structured directories (e.g., /images, /css, /js).
- Initialize Git Repository: git init git add . git commit -m "Initial commit of portfolio website"
- Push to GitHub: Created a new repository on GitHub and connected the local repository: git remote add origin https://github.com/username/portfolio-website.git git push -u origin main
- Set Up AWS Amplify Hosting: Logged into AWS Console, navigated to Amplify, and initiated the hosting setup by connecting the GitHub repository and selecting the main branch.
- Choose Repository and Branch: Selected the GitHub repo and target branch (main) for deployment.
- Build Settings and Deployment: Reviewed the auto-generated build settings and deployed the project.
- Configuration: Configuration of the PABX system to support various communication features.
- Monitor Deployment Status: Deployment completed successfully, and Amplify hosted the site live.
Project Photos
