MLH-Fellowship/prep-project-22.AUG.PREP.1

Map for selecting location

Open

#5 opened on Jul 22, 2022

View on GitHubContributor guide
 (1 comment) (0 reactions) (1 assignee)JavaScript (13 forks)auto 404
enhancementhelp wanted

Repository metrics

Stars
 (1 star)
PR merge metrics
 (PR metrics pending)

Description

Instead of just typing the location in, display a map to the user (using OpenStreetMap for example), and take the coordinates of their pin and use that to display weather information.

Make it a 2 way thing, and if a user types a location in, it displays a pin on the map as well!

If you have an API key, let @wrussell1999 know so it can be added to the Netlify website hosting it!

Contributor guide

Research direction
Explore OpenStreetMap integration with Leaflet library. Implement a map component that allows clicking to place a pin and reverse geocode to get coordinates. Add an input field for typing location that centers the map and places a pin. Ensure bidirectional synchronization between map click and text input.
Tech stack
javascripthtmlcss
Domain
frontend
Issue type
Feature
DifficultyEstimated implementation difficulty for a new contributor, from 1 for very small changes to 5 for expert-level work.
3
Estimated timeA rough time range for an experienced contributor to investigate, implement, test, and prepare a pull request.
Half day
Activity statusHow available the issue appears right now: fresh, active, stale, blocked, or waiting on maintainer input.
Active
ClarityHow clearly the issue explains the expected change, acceptance criteria, and next step.
Clear
Prerequisites
JavaScriptHTMLCSSAPI usage
Newbie friendlinessA 1-100 score estimating how approachable this issue is for first-time contributors.
60