Peta-Pim
An interactive map-based story sharing web application built with Nuxt.js and Leaflet, allowing users to pin locations and share local stories.
Peta-Pim is an interactive, map-centric web application designed for crowdsourced location-based storytelling. It enables users to mark specific coordinates on an interactive map to read, write, and share personal memories, historical context, or local stories tied to distinct geographical locations.
Key Features
- Interactive Map Interface: Dynamic map rendering powered by
@nuxtjs/leafletfor exploring pinned locations seamlessly. - Location-Based Storytelling: Drop pins on specific coordinates to attach stories, notes, and experiences associated with the place.
- Community Story Sharing: Browse and discover stories marked by other users across various regions.
- Modern UI & Responsive Design: Styled with Tailwind CSS v4, DaisyUI components, and Lucide icons for an intuitive visual experience.
Tech Stack
- Frontend Framework: Nuxt.js (v4), Vue.js (v3), Vue Router
- Map Integration: Nuxt Leaflet (
@nuxtjs/leaflet, Leaflet.js) - State Management: Pinia
- Styling & UI: Tailwind CSS (v4), DaisyUI, Lucide Icons
Project Links
- Live Preview: Peta-Pim
More Projects
View all
WaroengElektronik
A full-stack electronics e-commerce platform built with Laravel 11, Filament admin dashboard, Livewire 3, and Stripe payment integration.
Dakon Tourism
A static tourism and booking landing page built with Bootstrap 5, featuring destination catalogs and photo galleries.
MyUang
A cross-platform personal finance mobile app built with Ionic Vue and Capacitor, featuring multi-wallet tracking, PIN security, budgeting, and savings goals.