Coder Social home page Coder Social logo

codeformunich / finderapp Goto Github PK

View Code? Open in Web Editor NEW
9.0 9.0 6.0 12.45 MB

A generic web-app for finding the nearest locations of a single type of utility (e.g. toilets, recycling stations) on OpenStreetmap

Home Page: http://codeformunich.github.io/FinderApp/

License: Apache License 2.0

HTML 10.11% JavaScript 42.26% CSS 47.63%

finderapp's People

Contributors

bastire avatar jancborchardt avatar konstin avatar marhai avatar mazemilian avatar robbi5 avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

finderapp's Issues

Create suitable background image for entry view

Current idea is to use a blurred screenshot of a leaflet map also using the lyrk style. The best would be if we could create a tileable screenshot, so that we are resolution independent.

enhance documentation

For the setup documentation (Readme/Customisation) further adjustments are necessary as also headlines/major names ("Spielplatz", "Spielplätze", etc.) need to be adapted. Moreover, a short walk-through for publishing it on GitHub Pages (or a link to such a tutorial) would be useful to keep the applications together and have an overview.

Find a title and style the app accordingly

We should find a final name for our application and put it into the app. In general the title should be adjustable to different kind of 'results' (Playground, garbage etc.)
The main question is whether the name should be German or English.
A suggestion:

  • ... Finder (e.g. Playground Finder or Spielplatz Finder)

Detail view of result

We need to develop the second step after the user clicked/touched on one of the result cards.
The current idea is to only show the selected target and it's card above the map as a background.
The user should be able to swipe/click between the different targets.
There should also be some kind of back button to get back to the list.

Responsive styling

Although mobile is our focus we should probably have some kind of plan how our application behaves responsively.

Different versions and navigation between them

The sidebar menu of the app should be filled with links to different versions of the app for different queries.
I think we should at least have 3 different versions/queries for an MVP.

Card content design

We need to know which content we want to show on a result-card and how its layout should be.
Additionally, common tags like wheelchair accesibility should probably be shown by icons.

CSS broken on master

@bastiRe your last commit broke the layout, it’s not showing any CSS anymore because it looks like you deleted it all. ;) 3c0249b

Was that intentional?

Native App oder Web?

Wenn man sagt, "Jede Klasse von Standorten (Glascontainer vs Spielplatz vs ..) bekommt eine eigene Web-App", heißt das:

  • Eine reihe von Smartphone-freundlich Webapps, e.g. codeformunich.de/finder/spielplatz, der den Nutzer evtl. als Bookmark bzw. zu seinem Home-screen hinzufügt?
  • Eine reihe von Internetseiten (wie oben)?
  • Eine erstellte Web-App (mittels z.B. PhoneGap), das im App Store verbreitet wird?

Ich vermute den Unterschied ist nicht super-wichtig, weil vom Geräte braucht man höchstens die GPS-Koordinaten, die man auch über HTML5 bekommt.

Auf jeden Fall habe ich ein fertiges Ort-Ermittlungs-Web-App, mit PhoneGap erstellt, die man als Basis verwenden könnte. Ich meine den Verortungsteil geht auch ohne PhoneGap.

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.