Appoinment Booking Screen (React + TypeScript + Vite)

Develop a dynamic appointment booking screen for Sidepanda using React

Features

The appointment booking application has been developed with the following features

• The users can choose between dates by using the calendar.
• The users can choose a 30-minute or 1-hour event.
• The users can select a timeslot and proceed to book an appointment.
• An appointment is scheduled once the user enters their name & email address.

Preview

The application can be accessed using the following links

• Visit sidepanda appointment scheduler to view the application online
• Navigate to localhost to view the application locally

Pages

• Visit https://sidepanda.rogerjacob.com to get data based on individual date selections
• Visit https://sidepanda.rogerjacob.com/month-selector to get data based on dates based on month selections

Run application locally

Follow the below steps to configure and run the application locally

---

Requirements

For development, you will only need Node.js and npm, installed in your environment.

Node

• Node installation

  You can find more information about the installation on the official Node.js website and the official NPM website.

If the installation is successful, you should be able to run the following command.

$ node --version
v20.11.1

$ npm --version
10.2.4

---

Install

$ git clone https://github.com/rogerjacobrj/sidepanda-test
$ cd sidepanda-test
$ npm install

Running the project

$ npm run dev

Simple build for production

$ npm run build