Underwater Memories is an interactive web application that allows divers to log their underwater adventures and explore dive spots around the world. With a user-friendly interface and powerful features, it's the perfect tool for divers to capture and share their diving memories.
- Interactive Map: Explore dive spots on an interactive map and log your dives with just a click.
- Logbook: Keep a detailed log of your diving adventures, including date, location, and notes.
- Geolocation: Use your device's geolocation to automatically find your current position on the map.
- City Markers: Dive spots are marked with emojis and city names for easy identification.
- User-Friendly Interface: The application is designed for both beginners and experienced divers.
To get started with Underwater Memories, follow these steps:
-
Clone the repository:
git clone https://github.com/your-username/underwater-memories.git
-
Install the dependencies:
npm install
-
Start the development server:
npm run dev
-
Open your browser and go to http://localhost:3000 to access the application.
The homepage introduces you to the world of Underwater Memories. Click the "Log your Dive" button to start recording your diving adventures.
Access your dive logbook to view and manage your dive records. Add new dives with ease and edit existing entries.
Explore the interactive map to discover dive spots around the world. Click on city markers to view details and log your dives at specific locations.
The sidebar provides easy navigation throughout the application, including access to the logbook, map, and more.
Underwater Memories is built using the following technologies and libraries:
- React: A JavaScript library for building user interfaces.
- React Router: A library for handling routing in React applications.
- Leaflet: An open-source JavaScript library for interactive maps.
- JSON Server: A fake REST API server for development.
- ESLint: A tool for identifying and fixing problems in JavaScript code.
This project is licensed under the MIT License - see the LICENSE.md file for details.