Giter VIP home page Giter VIP logo

faketechlabsberlin / travel-20 Goto Github PK

View Code? Open in Web Editor NEW

This project forked from techlabs-berlin/travel-20

0.0 0.0 0.0 109.81 MB

Travel 21 aims to simplify the research for travel restrictions and recommendations by creating a platform to more easily access the most crucial data you’ll need to travel.

HTML 23.70% CSS 16.92% JavaScript 26.93% Python 26.19% Jupyter Notebook 6.26%
techlabs travel travelguide

travel-20's Introduction

Travel 21

Travel 21 aims to simplify the research for travel restrictions and recommendations by creating a platform to more easily access the most crucial data you’ll need in order to make important travel decisions.

Technologies/Frameworks used:

  • Frontend: HTML5, CSS3, vanilla JavaScript, Bootstrap
  • UX: Figma, Typeform, Google Docs, Photoshop
  • Data Science: Python, Scrapy, Serverless, AWS

Features:

  • choose your destination of travel and check which restrictions are currently in place at the given location, as well as requirements you will need to fulfil upon return to your country of departure
  • browse safest locations (based on reported cases from last 7 days per 100k) - choose locations worldwide or within EU

Interface:

Main Page Results Page

Folder structure:

UX files

  • UX/Interface: Figma master file
  • UX/Interface/Deliverables: All reference exports for Dev + assets
  • UX/Interface/Inspiration: Various screenshots used for UI research
  • UX/Interface/Sources: Graphics, source files (Creative Commons)
  • UX/Logo: logo exports and source files
  • UX/User Research: Various user research files
  • UX/Wireframe: Wireframe files and exports

Dev Folder

  • Main folder:
    • main files for the single-page application can be found at the root of the folder - index.html, styles.css and app.js
    • other files : countriesUtilities.js which includes a function to translate data pulled in German into English and a static COVID0402-C.json file, which includes infection cases data
  • Assets folder:
    • includes all the pictures and icons used in the design
    • a country-flag directory with png files for each country
    • futura directory with futura font
  • Archive folder:
    • JSON files with mock data used for the interface developement - all data is currently hosted on hosting service https://jsonbin.io/

Data Science

  • Adac_Scraper:
    • Contains the Code for the Spider, the pipeline, the settings for both of them and the JSON file which gets scraped
  • WHO-Data:
    • Contains the Code that collects the case data from the WHO website and calculates the risk indicator (Cases per 100K in the last 7 Days) and exports it into a JSON file.

Project status:

  • project is currently in beta/testing version
  • current restrictions include: currect location only available for Germany
  • future development will include:
    • enabling all locations to be chosen as departure
    • adding flight information for chosen locations
    • featuring safest locations with cheapest flights

Getting started:

  • Clone the repo to you machine: $ git clone https://github.com/TechLabs-Berlin/Travel-20.git
  • Open the Travel-20 folder, go into Dev directory and open index.html on your local machine using a browser of your choice (no dependencies must be installed before running the application locally)

How to scrape the ADAC data:

Installing Scrapy

Install scrapy with an IDE.

pip install scrapy

Starting the project

Start a Porject with scrapy.

scrapy startproject adac_scraper

Go into the project folder.

cd adac_scraper

Creating a Spider

Create a Spider.

scrapy genspider adac adac.de/news/corona-einreiseverbote/

Copy and paste the given code

Copy the code from adac.py into the Spider which has been created. Copy the code from settings.py into the already created settings.py. Copy the code from pipelines.py into the already created pipelines.py.

Run the spider

scrapy crawl adac_scraper

Obtain the JSON-file

An JSON-file should be available to you in the folder.

How to scrape the WHO data:

Run the code in COVID-Scrapper.py, a JSON file should be available in the folder after.

Credits:

Teams and contributors:

  • UX Team: Irina Constantin & Nicolas Huart
  • Data Science Team: Philipp Henschke & Francisco Javier Ardila Suarez
  • Web Development Team: Zuzanna Tarka & Natalie Dieckmann

travel-20's People

Contributors

nataliedieckmann avatar nicolashuart avatar tarkazuz avatar irinac7 avatar javierardilas avatar philipphen avatar cokonnaya avatar constifox avatar matteogaetzner 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.