This is my personal developer portfolio built with Angular and deployed via GitHub Pages. It showcases my skills, experience, and interactive components like currency conversion, project previews, and more.
🌐 View it here: richardmarkross.github.io
This Angular project is divided into modular components, including:
IntroComponent– Landing section with a hero animation using Typed.jsAboutComponent– Personal and contact informationResumeComponent– Education and professional experienceHeroComponent– Contact call-to-actionGameComponent– Experimental game or side projectGeolocationComponent– Currency converter using exchange rate API
- Angular – Frontend framework (v^14.0.0)
- Bootstrap – Styling and layout
- Typed.js – Hero text animation
- REST APIs – Live exchange rate integration
- AOS.js – Animate on scroll (via data attributes)
# Clone the repo
git clone https://github.com/RichardMarkRoss/RichardMarkRoss.github.io
cd your-repo-name
# Install dependencies
npm install
# Run locally
ng serveVisit http://localhost:4200 in your browser.
# Build the project
ng build --prod --base-href "https://RichardMarkRoss.github.io"
# Deploy using Angular CLI
npx angular-cli-ghpages --dir=dist/your-repo-nameMake sure GitHub Pages is enabled for the gh-pages branch in your repo settings.
You can download my latest resume here.
- Animated hero section
- Skills progress bars
- Downloadable resume
- Currency conversion using a public API
- Responsive layout
Richard Ross
📫 [email protected]
🔗 LinkedIn
🔗 GitHub
This project is licensed under the MIT License – feel free to fork or contribute.
