Behind the Scenes
I used JavaScript and SnipCart to create a working menu & checkout cart. You
can pick items from the menu, add them to your cart, and see the total of your cart at
checkout. I took advantage of SASS class-nesting functionality in
order to improve code organization. It makes the design
process flow much smoother, and keeps my code structured. This site was deployed using Netlify, and keeps continuous integration with Github.
javascript, snipcart, sass, github, netlify
Responsive Layout
I employ responsive design techniques such as using flexible images, minimizing non-critical content, and carefully selecting breakpoints. The project utilizes Flexbox to effectively distribute content across the webpage. Additionally, I employed ImageMagik to compress all images, improving load times on devices with limited processing power.