Welcome to the repository of my professional portfolio website. This site showcases my skills, experience, and achievements as a Full-Stack Software Engineer and Technology Executive.
- Responsive Design: Looks great on both desktop and mobile devices
- Interactive UI: Engaging user interface with smooth animations
- Modular Architecture: Built with reusable React components for easy maintenance and scalability
- Performance Optimized: Fast loading times and smooth interactions
- SEO Friendly: Structured for optimal search engine visibility
- React.js
- Tailwind CSS
- Framer Motion for animations
- Lucide React for icons
- Google Fonts (Inter & Poppins)
-
Clone the repository:
git clone https://github.com/yourusername/portfolio.git
-
Navigate to the project directory:
cd portfolio
-
Install dependencies:
npm install
-
Start the development server:
npm start
-
Open http://localhost:3000 to view it in the browser.
To customize this portfolio for your own use:
- Update the
AboutMe
component with your personal information. - Modify the
TechnicalSkills
,ProfessionalExperience
, andKeyProjects
components with your own details. - Replace the placeholder image in
AboutMe
with your own photo. - Adjust the color scheme in
index.css
to match your personal brand.
This portfolio is set up for automatic deployment using GitHub Actions. Every push to the main
branch triggers a build and deploy process to GitHub Pages.
The .github/workflows/deploy.yml
file contains the workflow configuration:
name: Deploy to GitHub Pages
on:
push:
branches: [ main ]
jobs:
build-and-deploy:
runs-on: ubuntu-latest
steps:
- uses: actions/checkout@v2
- name: Install and Build
run: |
npm ci
npm run build
- name: Deploy
uses: JamesIves/github-pages-deploy-action@4.1.5
with:
branch: gh-pages
folder: build
This workflow does the following:
- Triggers on every push to the
main
branch - Sets up the project and installs dependencies
- Builds the project
- Deploys the built files to the
gh-pages
branch
To use this feature:
- Ensure your repository is set up for GitHub Pages in the Settings tab.
- Push your changes to the
main
branch. - GitHub Actions will automatically build and deploy your updated site.
You can monitor the deployment process in the "Actions" tab of your GitHub repository.
This project is open source and available under the MIT License.
I'm Dominic Thompson, a Full-Stack Software Engineer and Technology Executive with over 15 years of experience. I specialize in:
- Frontend & Backend Development
- Cloud Architecture & DevOps
- AI/ML Integration
- Team Leadership & Project Management
Connect with me:
While this is a personal portfolio, I'm open to suggestions and improvements. Feel free to open an issue or submit a pull request.
Built with ❤️ by Dominic Thompson