Git Product home page Git Product logo

amazing-frontend's Introduction

Netlify Status

amazing

is-the-amazing-near-me.info

Let's build a site to worship our Amazing Artur by implementing a map based tool to find all stickers

Tools used

Create an .env file for

NG_APP_BACKEND_URL
NG_APP_GEONAMES_USER
NG_APP_GEONAMES_URL
NG_APP_S3_BUCKET_URL

amazing-frontend's People

Contributors

astrutz avatar muppenkamp avatar muellerphilipp avatar n1klasp avatar cativerio avatar

Stargazers

 avatar  avatar

Watchers

 avatar  avatar  avatar  avatar

Forkers

muellerphilipp

amazing-frontend's Issues

Marker Cluster

It would be nice to have some kind of clustering for markers, so they don't bulk up when zooming out. There seems to be a ngx-leaflet plugin, but their documentation is quite crappy, so it might not work as expected.

Proxy Config for Prod

Netlify does not allow proxy configs so we need to allow cors on the backend and change it for prod on the frontend

Error handling for location service

Add some error handling to the location service. Useful error messages guiding the user to better decisions (geolocation api privacy stuff; aka Accept! Give us your data! Now!) would be good.

Geolocation is not working as it soll.

Reproduce:

  1. Press on Where am I
  2. Zoom a lil bit in
  3. Try it again
  4. Whooops youre not there
  5. It seems like the Geolocation have a small ( in Ratingen 3km ) Offset

QS-Hinweise:
Nix.

Use Geolocation for marker creation

Might be good especially for mobile users. There should be an overlay or an info so that the user can give his permissions first.

Working POC

    if (navigator.geolocation) {
      navigator.geolocation.getCurrentPosition((position)=>{
        const longitude = position.coords.longitude;
        const latitude = position.coords.latitude;
        console.log(latitude, longitude);
      });
    } else {
      console.log("No support for geolocation")
    }

Map Library

Also: Ich bin ein großer Fan von OpenSource-Material, deshalb würde ich die Option 2 bevorzugen. :unschuldig: Alternative mag ich auch here.com und die Dev-Api von denen ist eigentlich ziemlich cool.

Add images for marker

People often take pics of the place where they put the Stickers. It would be nice if wed could upload this pic for each marker.

Marker popups aren't visible

It seems like one of the latest merges results in problems with the popup. The markers seem to be created correctly, also the popups are generated in their getter layers(), but they are not displayed. Instead the icon disappears for a splitsecond when clicked

Contextmenu with marker creation

It would be muuuuch simpler if a user can right-click on the map and a context menu is opened which allows the user to create a marker based on it's click position. The context menu could open /create (maybe with urlparams) which should already have lat/lng inserted, so the user does not need to find them out by himself.

Prettier Config

For everyone's sake I'd like to add a prettier config 😃

Spam Where am I Button

If you spam the "Where am I" Button, the map is jumping a little bit. I dont move, i sit in my office so why it jumps? :D

Update of markers

There should be an endpoint where markers can be updated by their ID.

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.