Description
This is a personal portfolio website built with Angular 19.0.0. It showcases my projects, skills, and experiences using a modern, responsive design with smooth navigation and animations, highlighting expertise with the latest Angular framework.
Check out the live version of the portfolio here: Live Demo Link
(Update if your live deployment URL is different) Technologies Used
Angular 19.0.0
TypeScript
HTML5 & CSS3
RxJS
Angular CLI
Git & GitHub Pages (for deployment)
Installation
Clone the repository:
git clone https://github.com/abdullahalsazib/portfolio-project.git
Navigate into the project directory:
cd portfolio-project
Install dependencies:
npm install
Running the Project Locally
Start the development server with:
ng serve
Open http://localhost:4200 in your browser. The app will reload automatically on code changes. Building for Production
To build the optimized production bundle, run:
ng build --configuration production
The output will be in the dist/portfolio-project folder, ready for deployment. Folder Structure
portfolio-project/
├── .vscode/ # VSCode workspace settings
├── public/ # Static assets (served as-is)
├── src/ # Angular source files
│ ├── app/ # Angular modules, components, services, etc.
│ ├── assets/ # Images, fonts, and other static files
│ ├── environments/ # Environment-specific configuration files
│ ├── styles/ # Global styles (Tailwind, SCSS, CSS)
│ ├── index.html # Main HTML file
│ └── main.ts # Angular app bootstrap
├── .editorconfig # Editor configuration
├── .gitignore # Git ignore rules
├── angular.json # Angular CLI configuration
├── netlify.toml # Netlify deployment configuration
├── package.json # Node dependencies and scripts
├── package-lock.json # Locked versions of dependencies
├── tailwind.config.js # Tailwind CSS configuration
├── tsconfig.app.json # TypeScript config for app code
├── tsconfig.json # Base TypeScript config
├── tsconfig.spec.json # TypeScript config for tests
├── README.md # Project documentation