Skip to content

tabitha-dev/WA-Explorer

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

2 Commits
 
 
 
 

Repository files navigation

Washington State Explorer 🗺️🌲

An interactive, map based discovery tool for exploring the natural beauty and iconic cities of Washington State.

Live Demo »

🐞 Report Bug · 💡 Request Feature

Stars Last Commit Leaflet badge Tailwind badge MIT License

A lightweight, fast, and fully client side mapping experience.

✨ At a glance

• Interactive Leaflet based map with animated navigation
• Smart filtering by category Cities, Nature, Landmarks, Favorites
• LocalStorage powered saved destinations
• Geolocation centering with a single click
• High quality imagery powered by Unsplash
• Mobile friendly layout and touch interaction
• Runs entirely from a single html file no backend required


📚 Table of contents

  1. Why this project exists
  2. Feature overview
  3. Tech stack
  4. Getting started
  5. Contributing
  6. License
  7. Author

💙 Why this project exists

Washington is one of the most geographically diverse states in the country.
This project highlights its cities, forests, coasts, mountains, and cultural spaces through a modern, visual interface.

Perfect for
• Travelers planning trips
• Students learning geography
• Local residents discovering new places
• Designers or developers exploring Leaflet and Tailwind


🎯 Feature overview

🗺️ Interactive Map

Built with Leaflet JS using smooth fly to animations and custom markers.

🧭 Smart Filtering

Toggle Cities, Nature, Landmarks, or Favorites to reduce map clutter.

🔍 Instant Search

Find destinations by name, keyword, or unique description.

❤️ Favorites System

Save places for later using built in LocalStorage.

📍 Popups with Detail

Each location includes images, summaries, and Google Maps directions.

📡 Geolocation Mode

Locate Me recenters the map on your current position.

🛰️ Map Layer Toggle

Switch between Street and Satellite views anytime.

📱 Mobile Ready

Responsive layout works on phones, tablets, and desktops.


🛠️ Tech stack

• Leaflet JS for mapping and tile rendering
• Tailwind CSS for styling and layout structure
• Unsplash images sourced through static links
• Phosphor Icons for UI elements

Everything runs in the browser with no build step required.


🚀 Getting started

This project is a static application that can run anywhere.

✅ Prerequisites

A modern web browser.

📥 Installation

Clone the repository

git clone https://github.com/tabitha-dev/WA-Explorer.git

Move into the folder

cd WA-Explorer

Open the study site
Open the main file in your browser

index.html

Optional
Use Visual Studio Code Live Server for auto refresh while editing.


🤝 Contributing

Contributions and ideas are always welcome.

  1. Fork the repository
  2. Create a new feature branch
  3. Commit changes with a clear message
  4. Push the branch to your fork
  5. Open a pull request

You may also open an issue for suggestions, bugs, or enhancements.


📄 License

Distributed under the MIT License.
See the LICENSE file for full details.


👩‍💻 Author

Built and maintained by Tabitha Khadse
Contact tabitha@ieee.org

Made with ❤️ in Washington

About

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages