Overview

Built a responsive Angular web application for a client, highlighting their provided services. The site integrates custom graphics, video content, and social media links, providing a central hub for his online presence.

Highlights

• Developed an Angular web application styled with Bootstrap and deployed to Firebase Hosting.
• Integrated custom graphics designed in Sketch, giving the site a unique and professional aesthetic.
• Embedded the client’s YouTube channel and social media platforms directly into the site.
• Delivered a responsive design ensuring smooth display across mobile, tablet, and desktop devices.

Technical Details

• Frontend: Angular components for sections like services, video embeds, and contact.
• Styling: Bootstrap framework with custom CSS overrides for branding.
• Hosting: Firebase Hosting.
• Performance: Lazy loading of embedded media for faster first render.

Challenges & Solutions

• Challenge: Maintaining responsiveness while embedding external media (YouTube and social feeds).
  Solution: Used Bootstrap’s responsive embeds and media queries to preserve layout consistency across devices.

Repo Link

• Repo