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
🌗 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.
🗺️ 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.
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!
This project demonstrates the seamless integration of map interactivity, geolocation, and frontend design, showcasing the power of web technologies without relying on a backend.
