Skip to content

jiheon788/vanillajs-reservations-list

Repository files navigation

VanillaJS Reservation List

Netlify Status

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

예약-목록-화면-Chrome-2023-04-18-04-26-58

Mobile

예약-목록-화면-Chrome-2023-04-18-04-27-43

Releases

No releases published

Packages

No packages published