Git Product home page Git Product logo

overlook's Introduction

OVERLOOK HOTEL MANAGEMENT TOOL

Designed and created by Raisa Primerova

Overview

Overlook is a hotel management app that used for getting booking info or making new booking. This app was designed for two types of users: manager and customer.

Customers can see their own past and future bookings, total spent amount for all time or reserve a new room.

Manager can see occupied room percent for today, a number of available rooms (total and specific type) and total revenue for today and last two days. Also manager has access to any customer's bookings through customer board in manager mode. In addition to customer's action manager can remove any future booking.

Setup

DEPLOYED APP

  • clone the repo to your local machine

  • run npm install to download all necessary dependencies

  • run npm start to run the server

  • open localhost:8080 (unless your terminal says otherwise)

  • use manager as username and overlook2019 as a password to go to manager board

  • use customer1 (or any other number from 1 to 50, a number is an id of user) as username and overlook2019 as a password to go to manager board

Used technologies

  • Bundled with webpack

  • TDD with mocha, chai, spies

  • HTML

  • Sass

  • jQuery

  • OOP ES6

  • Fetch API for receiving 3rd party data

App screenshots

Login page

Login page

Manager page

Manager page

Customer page

Customer page

Customer page

Animation

Login page animation

Login page animation

Find user animation

Find user animation

New booking animation

New booking animation

See bookings animation

See bookings animation

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.