GithubHelp home page GithubHelp logo

pingpong-bookingsystem's Introduction

Ping Pong - Booking System

Image of Booking App

Getting Started

Install and run the app with the following command

npm i && npm start

App Design Thinking Process

The app is optimised to help the user to make a booking quickly. Therefore, the booking form is placed at the top of the app and the booking listing is placed conveniently below the booking form so that the user can glance through all the bookings and make a booking at the same time. The booking list is sorted according to time so that the user can easily find a time slot for their booking.

The user can also edit the booking from the current booking form without navigating away.

Requirements

The app helps to reserve slots for your Ping Pong sessions. There are some restrictions to your booking.

  • You cannot edit your booking after more than 2 minutes.
  • You have to make your booking one hour apart from each booking.
  • Booking can be deleted any time.

Additional Features

Bookings are sorted according to time even for newly added booking.

Further improvement

  • Suggest some slots that the user can create.
  • User cannot book time slot that is already over.
  • A weekly, or monthly view can be created so that the user can navigate easily across different bookings.
  • Adding password as a criteria for login

Technical improvement

Test cases can be written to run the scenarios for each booking condition.

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.