Web application for geolocated notes developed during an internship
A location-based notes web application that allows users to create, manage, and visualize notes attached to specific geographic locations using an interactive map interface.
Geonotes is a full-stack web application developed during an internship that enables users to pin notes to real-world locations. Whether you're documenting points of interest, creating location-based reminders, or organizing information spatially, Geonotes provides an intuitive interface powered by Google Maps integration.
- Interactive Map Interface: Browse and navigate using Google Maps API
- Create Location-Based Notes: Pin notes to specific geographic coordinates with a simple click
- Responsive Design: Seamless experience across desktop and mobile devices
- User Authentication: Secure login and user management
- Frontend Framework: Vue.js
- Backend & Database: Supabase (PostgreSQL, Authentication)
- Maps Integration: Google Maps JavaScript API
- Languages: JavaScript, HTML, CSS
Before you begin, ensure you have the following installed:
- Node.js
- npm or yarn
- A Supabase account
- A Google Cloud Platform account with Maps API enabled
git clone https://github.com/kodzukye/geonotes.git
cd geonotes
npm install
npm run dev
The application will be available at http://localhost:5173
- Sign Up/Login: Create an account or log in to access the application
- View Map: The main interface displays an interactive Google Map
- Create a Note: Click on any location on the map to create a new note
- View Notes: Click on existing markers to view note details
- Edit/Delete: Manage your notes with edit and delete options
This application was developed as part of an internship project, demonstrating:
- Full-stack web development capabilities
- Third-party API integration (Google Maps)
- Data management with Supabase
- Modern JavaScript framework implementation (Vue.js)
- Responsive web design principles