Farmify - Vue.js, OpenStreetMaps with Vue2-Leaflet Implementation of Australian Farm Database

Full implementation using Vue.js 2 with map functionality powered with Open Street Maps, Database view, filter functionalities.

Also working combination of Google Firebase and Netlify Functions used here.

All code is provided and free for use, learning and further development.

Front Page

The front page

Map

Australien map, built with Open Street Maps. Clickable icons loaded from Database via Google Firebase.

Database

Database view. Loads automatically from database entries. Also different filter options and pagination provided.

Saved Farms/Database Entries

Saved database entry from the map and database view can be viewed. Saved entries get stored by using cookies.

Used Packages:

Vue.js
Netlify
Vuex
Vue Router
Vue2-Leaflet
Tailwindcss
Axios