GithubHelp home page GithubHelp logo

stellalph / travel-planner Goto Github PK

View Code? Open in Web Editor NEW

This project forked from chardige/travel-planner

0.0 0.0 0.0 6.72 MB

Group Project 1

Home Page: https://chardige.github.io/Travel-planner/

JavaScript 64.50% CSS 12.92% HTML 22.58%
apiserver html-css-javascript materializecss

travel-planner's Introduction

PROJECT NO 1 - TRAVEL PLANNER

The project task here is to build a travel planner to plan the travellers' activities so that they don't overspend their budget. Getting reliable information of the list of activities or events at a given destination will ease some of the headaches. This will put the traveller (the user) at ease than suffer the activity or event not available at a location. This application also presents the user both a way to find and store the information to plan their activities within their budget.

alt text

PROJECT TEAM GROUP 4 CONTRIBUTORS

  • Louie Ip
  • Charlotte Dige
  • Stella Ling
  • Malcolm D'Souza
  • Manroven Singh

TECHNOLOGIES USED

  • TicketMaster API
  • Exchange Rate API
  • HTML, CSS Materialise Framework, Moment.js
  • JQuery
  • The Fetch API

PROCESS

The below screenshots show the process the users would go through to see the list of activities at a destination and plan their budget.

Search Destinations

Enter the destination in the form input for country or city, price and start date and click Submit.

alt text

List of Activities or Events

This bring on the list of activities or events in which the user can view the event information by clicking the link.

alt text

Saved Activities

The activities from the search results are saved in the budget list by the click of the button on the right hand side of the page and the user also have the ability to remove the activity by clicking on the button at the side.

alt text

The layout is also responsive and caters for mobile, tablets and desktop.

DEPLOYMENT

The application is deployed on GitHub and the repository name is Travel-planner.

The URL of the GitHub respository is :-

https://github.com/CharDige/Travel-planner.git

The URL of the functional, deployed application is :-

https://chardige.github.io/Travel-planner/

travel-planner's People

Contributors

chardige avatar stellalph avatar louieiply avatar mal1204 avatar manny1998 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.