Code Monkey home page Code Monkey logo

kearoombooking's Introduction

Kea Room Booking System

This is the backend repository to a project developed for København's Erhvervsakademi. The front-end repository can be found here: https://github.com/hajduboti/KEARoomBookingFrontend


alt text

The landing page is a login screen where the user can log in if he or she has a KEA email address. If not, an account may be created by clicking 'Create Account'


alt text

The account creation page looks like above and requires an email address with a kea domain(@stud.kea.dk) and takes a password, minimum 8 characters, and the users First and Last Name


alt text

If the user logs in successfully, they are greeted to a screen showing various KEA campuses. For the moment we have only implemented the functionality for KEA's campus at Guldbergsgade 29E. You must enter a date and a start/end time for the booking. The time must be between 08.00 and 22.00, the hours of operation at KEA.


alt text

The widget for picking the time and date comes from this dependency.


alt text

Once the user selects their time, they are shown a map of the campus with all rooms. For the first iteration the user can only view the second floor of the Guldbergsgade campus, and in future iterations we plan to make the floor level scrollable. The map is an SVG vector map so it scales to all resolutions and to select a room the user simply clicks on the room they wish to book. Rooms can not be double booked and a user can not book a room at the same time they have another booking for another room.


alt text

The confirmation box pops up after a room is selected and here the user can confirm or decline their booking


alt text

Lastly, the user may view all of their current, previous, and future bookings in the 'Bookings' tab. If they wish, they can delete any of the bookings so long as it is not within 24 hours of the date.

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.