View on Netlify ∥ View Github Pages
Table of Contents
- Helter-Shelter focuses on showcasing New Hampshire animal shelters and rescue organizations.
- Click each pinned location on the Leaflet map to reveal each organization's name and location.
- Collapsible data table generated with JavaScript, just click the '+' button to expand the table.
- Table fields populated by looping through an array of Objects and appending data to display.
- Layout achieved with CSS Flexbox with a focus on a mobile-friendly, responsive design.
- Lossless image compression to limit asset file size using Kraken.io
- Bundled with Webpack
.
└─── dist
│ │
│ └─── assets
│ │
│ └─── webpack bundle
│
└─── src
└─── assets
└── cards
└── carousel
└── icons
- HTML, CSS, JavaScript, Leaflet.js, Webpack
Leaflet is the leading open-source JavaScript library for mobile-friendly interactive maps.
Weighing just about 39 KB of JS, it is designed with simplicity, performance and usability in mind. It works efficiently across
all modern platforms, can be extended with plugins, and has a well-documented API.
If you have any ideas, improvements, suggestions or issues with the project please feel free to contribute ⌣
- Fork the Project from branch 'main'
- Create your Update Branch (
git checkout -b update/ThisIsBetter) - Commit your Changes (
git commit -m 'Hey change this!') - Push to the Branch (
git push origin update/BugSquash) - Open a Pull Request