This project is an interactive web application created for the Re/Sculpture exhibition at the Nouveau Musée Bienne (NMB) in collaboration with the University of Bern, Institute of Art History. The application is developed using Svelte, incorporating JavaScript, TypeScript, HTML, and CSS, along with the MapLibre library for enhanced mapping functionalities.
src/: Contains the main source files for the project.routes/: Reusable Svelte components.+pages.svelte: Acts as a parent component with one of the three map variations (Map.svelte, MapNew.svelte and MapOld.svelte).Map.svelte: The main map containing old and new information about the sculptures.MapNew.svelte: The map containing new information about the sculptures.MapOld.svelte: The map containing old information about the sculptures.Popup.svelte: Handles the components that show sculpture information. It is a child component of all map variants.Slideshow.svelte: Handles the slideshow of images for the sculptures with more than one image to be displayed inside the Popup component. It is a child of the popup component.
store.js/: Svelte store to connect the map components to it's parent component to handle which map variant is to be displayed.static/: Static assets such as images and fonts, as well as the GeoJson that is used to generate the map and the main CSS file.build/: The directory where the production build of the app will be generated (only shown after step 3 below).
Before you start, ensure you have the following installed:
- Node.js (v14 or later)
- npm (v6 or later)
Follow these steps to run the project locally:
-
Clone the repository:
https://github.com/DHBern/swiss-sculptures.git cd swiss-sculptures -
Install dependencies:
npm install
-
Build the project:
npm run build
-
Run the project:
node build