Skip to content

This is a personal portfolio website built with Angular & Bootstrap, designed to showcase my projects, skills, and contact information in a well-structured, responsive, and professional format.

Notifications You must be signed in to change notification settings

Abdulrahman843/Angular-Bootstrap-Portfolio

Repository files navigation

Angular Bootstrap Portfolio

Live Demo: Click Here

About The Project

This is a personal portfolio website built with Angular & Bootstrap, designed to showcase my projects, skills, and contact information in a well-structured, responsive, and professional format.


Features

. Responsive Design – Optimized for all devices (Desktop, Tablet, Mobile)
. Bootstrap UI – Clean and modern styling with Bootstrap 5
. Dynamic Routing – Single Page Application (SPA) with Angular Router
. Projects Showcase – Fetches GitHub repositories dynamically using API
. Technical & Soft Skills Section – Click-to-expand feature for better organization
. SEO Friendly – Meta tags and structured data for search engines


Technologies Used

  • Angular – Frontend framework for modular architecture
  • Bootstrap 5 – For styling and responsiveness
  • TypeScript – Strongly typed JavaScript for maintainability
  • GitHub API – Fetches live projects dynamically
  • Vercel – Deployed for seamless hosting

Installation & Setup

Prerequisites:

Install Dependencies: npm install

Run Development Server: ng serve Now visit http://localhost:4200 in your browser.

Deployment on Vercel

This project is deployed on Vercel for public access.

Deploy Manually Using Vercel CLI:

  1. Install Vercel CLI (if not installed): npm install -g vercel
  2. Deploy the project: vercel
  3. Follow the CLI prompts and get your live URL.

Deploy Using GitHub:

  1. Go to Vercel.
  2. Click "New Project" and import your repository.
  3. Set build command to: ng build --configuration=production
  4. Set output directory to: dist/angular-bootstrap-portfolio
  5. Click "Deploy" and get your live site.

Contact

Abdulrahman Laoye Email: energyspur@gmail.com LinkedIn: https://www.linkedin.com/in/abdulrahman-adewale-laoye-0bb28b105/ Portfolio: https://modified-portfolio-website-21ctjyn0m.vercel.app

License

This project is open-source and available under the MIT License.

Support & Contributions

If you find this project helpful, please star the repository! Feel free to fork, submit issues, and contribute to improvements. Happy Coding!

About

This is a personal portfolio website built with Angular & Bootstrap, designed to showcase my projects, skills, and contact information in a well-structured, responsive, and professional format.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published