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 use best practices when implementing responsive design. I make all images flexible,
reduce non-essential content, and pay attention to breakpoints. This project takes advantage of
Flexbox to evenly fill the web page with content. I also worked with
ImageMagik in order to
compressed all image files to help loading time on devices with slower processing
power.