Front-end Development for a Restaurant Website

Using HTML, CSS, and JavaScript to transform ideas into a website

Time

Nov 23, 2023

Tool

Figma

VS Code

Github

Skills

Prototyping, HTML, CSS, JavaScript

Client

Student Project

Project Overview

In this student project, our team redesigned the website for a Korean restaurant. I focused on designing and developing the reservation page, ensuring it was intuitive and fully responsive. The design was created in Figma, with development executed using HTML, CSS, and JavaScript.

Outcome

Developed a user-friendly reservation user flow, allowing bookings in under three clicks

Designed a responsive layout that adapts seamlessly across desktop and mobile devices

Delivered a visually enhanced design

Link

https://lynnpenguin.github.io/website/reservation.html

Front-end Development for a Restaurant Website

Using HTML, CSS, and JavaScript to transform ideas into a website

Time

Tool

Skills

Client

Project Overview

Outcome

Developed a user-friendly reservation user flow, allowing bookings in under three clicks

Designed a responsive layout that adapts seamlessly across desktop and mobile devices

Delivered a visually enhanced design

Link

Prototype

Code and Solutions of the Reservation Page

Feature 1

Users can input their information and select the date and time.

Feature 2

If the required fields are left empty, the form can't be submitted unless all mandatory fields are filled.

Feature 3

Upon successful submission, a confirmation message will pop up.

Before and After

Before

After

Let's Connect

Let's Connect

Let's Connect