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 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.

dosxan mobile image