VanillaJS Reservation List

Demo    Requirements Spec

This project is a Reservation List implementation that adheres to the requirements and UI design specifications, and it is built entirely using vanilla JavaScript.

Getting Started

You can install and run it yourself by following the commands. Or You can view a live demo

Install

npm install

Build

npm run build

Start

npm run dev

and then, access http://localhost:1234 from your browser

env

Fill out .env for your server url

SERVER_URL=${your server url}

Features

• PLP/PDP (Modal on mobile only)
• Slide-up for fade-in animation when displaying modals using keyframe
• Change the reservation status with the button
• Scroll memoization when an event triggers
• Cross Browsing

Tech Stack

Vanilla JavaScript, css(BEM Method), responsive-web, parcel-bundler

Demo of this project

Desktop

Mobile