https://github.com/amjad-haider/portfolio-website
Angular Portfolio Website using Angular Material showcasing my experience , projects and skillset
https://github.com/amjad-haider/portfolio-website
angular material-design portfolio typescript
Last synced: about 10 hours ago
JSON representation
Angular Portfolio Website using Angular Material showcasing my experience , projects and skillset
- Host: GitHub
- URL: https://github.com/amjad-haider/portfolio-website
- Owner: amjad-haider
- License: mit
- Created: 2025-08-15T21:59:58.000Z (11 months ago)
- Default Branch: main
- Last Pushed: 2026-02-09T20:26:38.000Z (5 months ago)
- Last Synced: 2026-02-09T20:30:41.088Z (5 months ago)
- Topics: angular, material-design, portfolio, typescript
- Language: TypeScript
- Homepage: https://amjad-haider.github.io/
- Size: 1.05 MB
- Stars: 0
- Watchers: 0
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: Readme.md
- License: LICENSE
Awesome Lists containing this project
README
# My Portfolio Repo
## 1. About the Project
The aim of this repo is to create structured components for my portfolio website so i can update the contents efficiently using modern frameworks like Angular. I chose this approach over vibe coding as i know where each component is if any error occurs. I would like to create a design that is unique to myself.
## 2. Technology Stack Used
This portfolio is built using the **Angular** framework:
Category | Technology | Purpose |
| :--- | :--- | :--- |
| **Framework** | Angular | Core application structure and component management. |
| **UI/Styling** | Angular Material | Implements Google's Material Design for a clean, professional aesthetic. |
| **Language** | TypeScript | Ensures strong typing and robust front-end development. |
| **Deployment** | GitHub Pages | Hosting via the dedicated `amjad-haider.github.io` repository. |
| **Package Manager** | npm / Angular CLI | Project management, dependency handling, and build process. |
## 3. Getting Started
To run this project locally for development or contributions, follow these steps:
### Prerequisites
You need **Node.js** (including npm) and the **Angular CLI** installed globally.
### Installation
1. Clone the repository:
```bash
git clone [https://github.com/amjad-haider/portfolio-website.git](https://github.com/amjad-haider/portfolio-website.git)
cd portfolio-website
```
2. Install dependencies:
```bash
npm install
```
3. Run the development server:
```bash
ng serve
```
Navigate to `http://localhost:4200/`. The app will automatically reload if you change any of the source files.
## 4. Contributions and Suggestions
Contributions, feature requests, and suggestions are always welcome! This project is maintained as a demonstration of clean, well-structured Angular development.
To contribute:
1. Fork the repository.
2. Create a new branch (`git checkout -b feature/AmazingFeature`).
3. Commit your changes (`git commit -m 'Add AmazingFeature'`).
4. Push to the branch (`git push origin feature/AmazingFeature`).
5. Open a Pull Request.