Lora is a mockup website for a fine dining restaurant.

scroll down

restaurant

dosxan mobile image

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.

dosxan mobile image