Main page-1
Main page-1
ReactCSS ModulesSASS/SCSSFigmaLanding pageForm validationResponsive DesignUX/UI DesignWireframe

Little Lemon is a vibrant and inviting restaurant website which I built from wireframe to development, showcasing a harmonious blend of aesthetic design and functionality. There are mainly 2 pages: the homepage and a functional booking page with form validation. On the homepage, users explore more about the restaurant from different sections, including Menu, Reviews, About and so on. On the reservation page, I used Formik to handle the form validation to improve user experience.

ninjaBehind the Scenes

  • Responsive Website Development:
    Developed a responsive restaurant website from wireframes to deployment, ensuring optimal performance across devices.
  • Efficient Styling Management:
    Employed SCSS and CSS Modules to modularize styling on components, allowing for efficient style management.
  • Client-Side Form Validation:
    Integrated Formik and Yup for customized form validation, ensuring a seamless user experience and data accuracy.
HTML5 icon
CSS3 icon
Javascript icon
React icon
Next.js icon
TypeScript icon
Tailwind CSS icon
Sass icon
styled components icon
CSS Modules icon
VS code icon
Github icon
Webflow icon
Figma icon
UX/UI design icon
Photoshop icon
Illustrator icon
HTML5 icon
CSS3 icon
Javascript icon
React icon
Next.js icon
TypeScript icon
Tailwind CSS icon
Sass icon
styled components icon
CSS Modules icon
VS code icon
Github icon
Webflow icon
Figma icon
UX/UI design icon
Photoshop icon
Illustrator icon
contact me banner