Git Product home page Git Product logo

suitcase's Introduction

Suitcase ๐ŸŒ‡ โœˆ๏ธ ๐ŸŒ†

A web application that provides the user with information about a inquired destination

Link to Deployed Application ๐Ÿ”—

https://joeseff6.github.io/Suitcase/

Project Description

The purpose of the deployed application is to provide a user the ability to learn high-level details about a specified destination, whether is be national or international.

What to Expect From the Application

Say that you are going to travel to another country, whether it be for work or for leisure, but you don't know much about the destination you're traveling to. What is the language spoken there? What is the currency? What is the capital of that country? Is the country under lockdown due to a pandemic? That's where this application comes in handy! The user will be able to use this deployed web application to search for a destination and learn high-leveled details about said destination. Nothing too detailed, but just the right amount of knowledge to help the user feel more comfortable about where they are traveling.

This application will dynamically generate information provided by requested data from server-side APIs. A couple of features include a dynamic search history, favorite function, previous search results, choice of information the user wants to see, and more!

Third-Party APIs

  • jQuery
  • Foundation
  • Moment.js
  • Google Font
  • Font awesome

Server-side APIs

  • OpenWeather
  • REST Countries
  • Openlayer
  • GeoDB
  • Currency convertor
  • New York Times Article

User Story ๐Ÿ“–

As a tourist,

I want to learn about the country that I am traveling to,

So that I can be prepared when I travel to that country.

Project Roles

Tasks to Complete the Job โœ…

  • When the user submits a destination in the search bar, data is requested and loaded into the HTML
  • When the "History" button is clicked, a list of the user's searches will be displayed
  • When the user clicks a favorite icon, their search will be saved to the "Favorites" modal
  • When the "Favorites" button is clicked, the user's favorite searches will show
  • When the user submits a destination, it will be added to a search modal
  • When one of the information cards is clicked on, the information for that card will be displayed
  • When the "x" button is clicked for the respective section, that section will disappear
  • The following will be stored for persistence: Favorites, History
  • When the history, favorite, or search result is clicked, the results for the clicked item will be loaded into the HTML

Future Releases

  • Add stats about the corona-virus
  • Add plane ticket details
  • Display tourist attractions
  • Add section for (public) webcams
  • Add autocomplete city name function

Screenshots ๐Ÿ“ท

Development Photos

Initial Webpage Design

The homepage for the web application

Current Webpage Design

The new webpage design

suitcase's People

Contributors

joeseff6 avatar wdfhai avatar deadstockskeleton avatar

Stargazers

 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.