GibsonClone (LIVE)
LIVE (Work in Progress)
I have started working on the Home page component. This is based on how the Home page looks like on and around Dec 1st, 2023 ... though the idea is all that really matters.
Once I complete the Home page, I will shift focus on making the page as responsive as possible with the existing components (Header, Footer, Home).
This WIP project is a frontend clone of the official Gibson USA website.
Please remember this is a work in progress. I will keep the live site updated with the latest changes in this repository. I'll slowly construct this clone bit by bit, as long as the beauitful guitars don't distract me too much!
This is app is built with Angular v.17.
This project is a great chance to practice creating an app with the new standalone components structure. Also, I expect I will try using some of the new @ template directives introduced in this version, as well.
I used Gibson's website as a mockup, much like I would get from a UI/UX designer in a professional setting, and have been attempting to replicate every aspect of it from header to footer.
While a lot of the pages have a fairly simple layout, there are still several challenges that I expect to encounter. Specifically speaking, I expect the navigation bar in the header to be a little tricky. However, I expect the combination of Angular Material Menus and some CSS magic will do the trick!
I will try to limit how many third party libraries I use, in an effort to flex my ability to implement a design from scratch.
Programming Language: Angular, Typescript, SCSS