A simple single-page portfolio website built with AngularJS, ngRoute, and Angular Material. This project demonstrates routing, modular architecture, and dynamic data binding for a personal portfolio.
angular-js-demo/
βββ .github/
β βββ workflows/
β βββ deploy.yml # GitHub Actions workflow for deployment
βββ .gitignore
βββ index.html # Main entry point
βββ home.html # Home page template
βββ about.html # About page template
βββ cv.html # CV / Resume page template
βββ app.js # AngularJS application and controllers
βββ style.css # Main stylesheet
βββ LICENSE
βββ readme.md
-
π Single-Page Application (SPA) using AngularJS with ngRoute for client-side routing.
-
π Three main pages:
- Home π
- About π€
- CV π
-
π Dynamic content rendered via AngularJS controllers:
HomeControllerβ Manages welcome messageAboutControllerβ Displays personal biographyCvControllerβ Handles contact info, career objectives, qualifications, experience, and skills
-
π± Responsive layout using Angular Material design components.
-
π¦ GitHub Pages deployment automated with GitHub Actions.
angular.module('cvApp', ['ngRoute', 'ngMaterial'])
.config(['$routeProvider', function($routeProvider) {
$routeProvider
.when('/', { templateUrl: 'home.html', controller: 'HomeController', controllerAs: 'home' })
.when('/about', { templateUrl: 'about.html', controller: 'AboutController', controllerAs: 'about' })
.when('/cv', { templateUrl: 'cv.html', controller: 'CvController', controllerAs: 'cv' })
.otherwise({ redirectTo: '/' });
}]);git clone https://github.com/ongunakaycom/angular-js-demo.git
cd angular-js-demo- Simply open
index.htmlin your browser (no server required for this static demo).
# Using Python
python -m http.server 8080
# Then navigate to http://localhost:8080This project uses GitHub Actions to deploy to GitHub Pages automatically when changes are pushed to the main branch.
Workflow: .github/workflows/deploy.yml
Key steps:
- β Checkout repository
- π Copy project files to a public folder
- π Deploy contents of
public/to GitHub Pages usingpeaceiris/actions-gh-pages
I'm Ongun Akay, a Senior Full-Stack Developer with expertise across various technologies.
- π Website: ongunakay.com
- π» GitHub: github.com/ongunakaycom
- π LinkedIn: linkedin.com/in/ongunakay
- βοΈ Email: info@ongunakay.com
This project is licensed under the MIT License. See LICENSE for details.