FoodBae is a front-end web development responsive landing page for a food delivery website. The project was hand-coded using Html, CSS, and javascript not by using any framework, to showcase front-end development skills. The website follows major design rules like typography, color contrast, font size, etc. Along with it, lazy image loading has been implemented for the website's better performance. FoodBae is a hypothetical idea that offers an AI-powered Food subscription that will make you eat delicious and healthy 365 days per year. Note - No actual AI is working in the backend as it's a front-end skin for the portfolio website.
Font: https://fonts.google.com/
Icons: https://ionic.io/ionicons
Images: https://www.pexels.com/
Favicon: https://realfavicongenerator.net/
Color Palettes: https://coolors.co/
Image design: https://www.adobe.com/express/create/banner
Illustrations: https://storyset.com/
Tinst and shades: https://maketintsandshades.com/
Image handling: (compress,resize etc.): https://squoosh.app/
Features Check: https://caniuse.com/
Lazy image loading using intersection observer Api
I'm a front-end web developer. I'm the developer of FoodBae Website.
Javascript, HTML, CSS, React.js, Tailwind css.