Egglectic cafe

Classic Restaurant website. Responsive, Informative, snappy! Is capable of hosting about 10,000 visitors everyday without any hiccups!

Link to project: https://egglectic-cafe.netlify.app/

How It's Made:

Resources used:

• HTML
• Pure CSS
• Javascript
• Netlify.com for hosting
• Freepik.com for images
• Behance.com for reference

Optimizations

The following steps helped better the user experience, and enhanced load speeds by 270%!

URLs: Pretty URLs

CSS: Bundle & Minify

JS: Bundle & Minify

Images: Lossless compression

Lessons Learned:

Learned how to use the flex-box proper.

There was a time where I was having trouble with mixing Images with flex. Fixed it with a bit of testing. Okay, a whole lot of it, three days of it.

Learned best practises to optimize images, and prettify URLs.

Learned Media queries proper to make it responsive.

Learned UI and UX deciding the color schema.

Also check:

Barb'her Salon: https://github.com/FreelancingTwin/Barb-her-Salon/

My website: https://tau-website-maker.netlify.app/