Giter Club home page Giter Club logo

star's Introduction

Smart Trip plAnneR

1. Description

Smart Trip Planner is a standalone web application with a key role to present to the user all journey's details which start from a given departure location (city or station name), date and time and a specific minutes range.

Alt text

The main screen contains three inputs where user can fill the basic parameters to search. In the first input user must type at least 3 characters and the system dynammically generates a dropdown list (querying the given api) with all possible locations that should match to the given input to select from. The second input provides a datetime picker with a familiar calendar in which the user can pick a desired date and time. The third ipnut accepts only digits which are the minutes range for the departure.

Alt text

Alt text

When all neccesary information is filled and user hits the search button, application generates dynamically a table whith all departures from the given location and starting from the given date/time and range.

Alt text

A map is also being generated showing the departure location (blue marker) and all the possible destinations (grey markers). Clicking on each marker user can access the services provided in every station.

Alt text

On the departures table there is a button (view details) which generates a modal showing all the available information about the departure, arrival and remarks information. It also provides all the stopovers (all the passed stops are checked) giving the user the ability to manage the stops through the UI.

Alt text

Alt text

Last but not least the application also provides a map whith information about the route of the journey. (blue marker = Origin location, grey marker= destination location, red dot = stopovers, blue dot = current location).

Alt text

Finally, the tool is implemented in such a way that it is easily scalable.

Live Demo here.

Built With

Prerequisites

  • Java
  • Apache Tomcat or any other webapplication server (Jetty,Glassfish etc.)

2. Installation and deployment

Three simple steps: Clone - Deploy - Run.

  1. Copy the project folder into the desired location.

  2. Deploy (drop the folder into your desired web appliction server (eg webapps for Apache Tomcat)).

  3. Run

This project is written mainly in JavaScript so it can be deployed directly on a web server (eg. Tomcat v7 or greater). After deployment you will be able to access the application in address: [URL]:[PORT]/Star

3. Contact

Kostas Petrakis < [email protected] >

star's People

Contributors

cpetrakis avatar

Watchers

 avatar

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.