Svelte Image Gallery

A simple image gallery web-application, displaying a grid of images through data from the Firebase database. It uses the Svelte framework to build a web-application.

Set up

npm i
npm run dev

Project Structure

This is a four page web-application, where each page is imported in app/App.svelte

• gets its data from a Firebase database
• uses an each block to display each image in the database in a grid
• uses an add method to add new data to the database
• uses an update method to update the data in the database
• uses an if block to display the images where the data is updated
• uses Firebase Storage to upload images to the database
• uses Mapbox to display a map
• adds markers to the map on upload
• adds popups for each marker, which connects with the database