This project blossomed from a genuine fondness for the city of Augsburg, aiming to unfold its hidden gems and notable locales to both visitors and residents alike.
Augsburg Mosaic serves as a digital guide, offering a curated list of places categorized as Attractions, Food spots, Cultural hubs, Nature retreats, and Others. Through an interactive map and a user-friendly list, one can explore, filter, and learn more about each location.
Utilizing technologies such as Vue.js, Nuxt.js, Leaflet.js for map rendering, and Pinia for state management, this project embodies a seamless blend of design and functionality, all while being a purely static site optimized for SEO. This also means, there are no cookies or any other data collection mechanisms involved, especially not concerning personal data.
This endeavor is purely a hobby, unfunded yet rich in spirit. The icons embellishing this site are courtesy of FontAwesome, while the images are captured through the lens of WieErWill.
- Ensure you have Node.js installed on your machine.
- This project uses pnpm as the package manager. Install it globally using
npm install -g pnpm.
- Fork this repository to your GitHub account.
- Clone your forked repository to your local machine:
git clone https://github.com/wieerwill/augsburg-mosaic.git - Navigate to the project directory:
cd augsburg-mosaic - Install the project dependencies:
pnpm install - Start the development server:
pnpm dev
The project should now be running on http://localhost:3000.
To build the static version of the project, run:
pnpm generateThe static files will be generated in the dist directory, ready to be deployed. Contributing
Feel free to explore, report issues, or open pull requests. If you find this project useful, please consider giving it a star! ⭐
This project is open-source and available under the MIT License.
Icons provided by FontAwesome.
Map rendering powered by Leaflet.js.
Enjoy traversing through the mosaic of Augsburg!