The Fiasco

Recipe page hero section
Recipe tutorial and similar recipes sections
The Fiasco homepage hero section
Menu section on homepage
Chef and reservation sections
Recipes and map sections
Recipe page hero section
Recipe tutorial and similar recipes sections
The Fiasco homepage hero section
The Fiasco homepage hero section

Description

The Fiasco is a web integration project completed as part of my training on Grafikart. The objective was to integrate a pre-designed mockup to create a complete restaurant website. This project allowed me to practice my front-end development skills by working from an existing design.

I developed this site independently, then watched the correction videos to verify and improve my work. The site presents a fictional restaurant with a modern and responsive interface, including sections for the menu, recipes, chef information, and a reservation system. The integration includes JavaScript animations and smooth navigation to provide an optimal user experience.

Links

See the website GitHub

Main functionnalities

🍽️ Complete restaurant presentation and ambiance showcase

📜 Interactive menu with dish presentations

👨‍🍳 Dedicated chef section with background story

📝 Reservation section

🍲 Detailed recipe pages with step-by-step instructions

🗺️ Interactive map to locate the restaurant

📱 Responsive design adapted to all devices

✨ JavaScript animations and smooth navigation

Technologies

Other projects

Previous project:Self-passNext project:Water.