https://github.com/nusky7/vlc-places

Interactive map of interesting places on my natal City 🧡
https://github.com/nusky7/vlc-places

bootstrap4 html-css-javascript

Last synced: 8 months ago
JSON representation

Interactive map of interesting places on my natal City 🧡

Host: GitHub
URL: https://github.com/nusky7/vlc-places
Owner: Nusky7
Created: 2024-11-18T12:51:13.000Z (over 1 year ago)
Default Branch: master
Last Pushed: 2025-01-11T18:30:01.000Z (over 1 year ago)
Last Synced: 2025-06-09T08:12:11.530Z (12 months ago)
Topics: bootstrap4, html-css-javascript
Language: HTML
Homepage: https://nusky7studio.es/ValenciaPlaces/index.html
Size: 82.6 MB
Stars: 0
Watchers: 1
Forks: 0
Open Issues: 0
Metadata Files:
- Readme: README.md

Awesome Lists containing this project

README

###

Interactive Valencia City Map

###

Valencia Places is a fully interactive web application designed to showcase the most iconic landmarks and attractions in Valencia. Built entirely with HTML, CSS, JavaScript, and Bootstrap, this project delivers a responsive and visually engaging experience.

🌐 Visit Here:
www.nusky7studio.es/ValenciaPlaces

###

🚀 Features

###

🌗 Dark/Light Mode: Easily switch between Dark / Light themes for a personalized browsing experience.

🌍 Bilingual Content: The portfolio is available in both English and Spanish, catering to a diverse audience.

🗺️ Interactive Map: Explore the city of Valencia with a map powered by Leaflet.js.

📍 Location Markers: Key landmarks are marked with details, including names, descriptions, and images.

📡 "My Location" Button: Automatically center the map on your current location and display an accuracy radius.

📋 Dynamic List: A clickable list of the places that highlights their locations and provides the information.

📱 Responsive Design: The layout is optimized for both desktop and mobile devices.

###

⚙️ How It Works

###

🗺️ Interactive Map:
The application uses Leaflet.js to render a dynamic map, allowing users to zoom, pan, and explore.

📡 Geolocation:
A button titled "My Location" enables users to find their current position on the map and view it with a radius of accuracy.

📍 Landmarks & List:
Clicking a landmark on the map or its name on the list opens a popup with detailed information, including images, Bus Lines to arrive there, and short descriptions.

###

📸 Screenshots

###

🏙️ Landmarks Included

###

Some of the top attractions featured on the map include:

🔆 City of Arts and Sciences
🏺 Plaza de la Virgen
🏖️ Malvarrosa Beach
🌳 Turia Gardens
🎨 Museum of Fine Arts

...and many more "Should Visit" places of my City!

###

🌟 Project Highlights

###

This project demonstrates the seamless integration of map interactivity, geolocation, and frontend design, showcasing the power of web technologies without relying on a backend.

###