Skip to content

A React-based project that allows users to book appointment slots conveniently from a responsive calendar.

Notifications You must be signed in to change notification settings

zabihhaqqani/Appointo

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

25 Commits
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Appointo: Book Appointment Slots from a Calendar

Appointo is a React-based project that allows users to book appointment slots conveniently from a responsive calendar. With a clean and intuitive design, it caters to all screen sizes and ensures a smooth booking experience. The project incorporates robust error handling and employs various libraries to enhance functionality.

Desktop View

image

Tablet View

iPad-1705826407011

Mobile View

image

Setup Instructions

  1. Fork this Project:

    • Start by forking the project to your GitHub account.
  2. Clone the Project:

    • Copy the project URL from your forked repository.
    • Open your terminal and use the following command:
      git clone yourURL
  3. Navigate to Project Directory:

    • Move to the Appointo directory using the command:
      cd Appointo
  4. Install Dependencies:

    • Run the following command to install the required dependencies:
      npm install react-calendar axios moment react-loader-spinner react-toastify react-custom-scroll
  • Disclaimer: If you encounter issues installing the libraries, add --force at the end of the command:
    npm install react-calendar axios moment react-loader-spinner react-toastify react-custom-scroll --force
  1. Start the Project:
    • Execute the following command to launch the project locally:
      npm start

Now you should be able to access and explore the project locally.

Features

  • Responsive design for seamless user experience on all screen sizes.
  • Effective error handling for a smooth user interaction.
  • Integration of libraries for enhanced functionality.

Technologies and libraries used🛠

  • React: Frontend framework.
  • react-calendar: Manages and displays calendar components.
  • axios: Performs HTTP requests for data retrieval and submission.
  • moment.js: Simplifies date and time manipulation.
  • react-loader-spinner: Displays loaders for better user feedback.
  • react-toastify: Provides user-friendly notifications.
  • react-custom-scroll: Implements custom scrolling for improved navigation.

Connect with me:

zabih01 zabih-haqqani-7ab187191 zabih#1869

About

A React-based project that allows users to book appointment slots conveniently from a responsive calendar.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published