Giter Site home page Giter Site logo

data-stucture-algorithm's Introduction

Husky Maps

An educational web app for mapping the world, searching for places, and navigating around Seattle. The app is designed to highlight 3 components: Autocomplete, Priority Queues, and Seam Finding. See the Releases for instructions about each project component.

Setup

This project is pre-configured for IntelliJ IDEA.

  1. Install IntelliJ IDEA.
  2. Download or clone this project and open it in IntelliJ.
  3. Run the MapServer class to start the web app.

To see the map images, sign up for a free MapBox account to get an access token. Once you have your access token, in the IntelliJ toolbar, select the "MapServer" dropdown, Edit Configurations..., under Environment variables write TOKEN= and then paste your token. Re-run the MapServer class to launch the web app and enjoy the "Ice Cream" map style by Maya Gao.

Deployment

One way to share Java apps is by distributing them as a JAR that bundles all your code together into a single file.

  1. Open IntelliJ. From the File menu, select Project Structure... and Artifacts from the sidebar.
  2. Press the + button to add a new JAR and select From module with dependencies.
  3. In the pop-up window, select MapServer as the main class and press OK.
  4. Edit the name from "huskymaps:jar" to "huskymaps" and press OK to close the project structure dialog.
  5. From the Build menu, select Build Artifacts and build huskymaps.
  6. Test your JAR by running it from the terminal. In IntelliJ, open the terminal, and run TOKEN=... java -jar out/artifacts/huskymaps/huskymaps.jar.

To deploy the app to the web, we'll share this JAR file with a web hosting provider such as fly.io. fly.io provides a free web hosting service where anyone can sign-up to deploy their apps to the internet at no cost (no payment method needed).

  1. Install flyctl and sign up.
  2. Start (but don't complete!) the process for deploying your application via Dockerfile. For the app name, use the name huskymaps- with your UW NetID after the dash. When it asks you to deploy, don't do so just yet!
  3. Open the fly.toml file in a text editor and set the force_https option to false.
  4. Share your MapBox access token with fly as an app secret with the terminal command fly secrets set TOKEN=....
  5. Finally, deploy the app with the terminal command fly deploy.

data-stucture-algorithm's People

Contributors

pt10160 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.