friuns2 / travelmaps

Travel Creator: Discover, Plan, and Visualize Your Perfect Journey with Nuxt 3 and Google Maps API

Home Page:https://maps.gptcall.net/

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Brutal.Strike.Devlog.2024.06.24.1334.mp4

Travel Creator

Travel Creator is a web application that helps users discover and plan their travel itineraries. Built with Nuxt 3 and utilizing the Google Maps API, this app allows users to explore attractions, create custom itineraries, and visualize their travel plans on an interactive map.

Try it: https://maps.gptcall.net/

Created with GPTCall App Creator and Copilot Workspace

Features

  • Discover tourist attractions based on a selected location
  • Filter attractions by minimum rating count
  • Sort attractions by relevance, popularity, or distance
  • Add/remove attractions to/from your itinerary
  • View attractions on an interactive map
  • Calculate and display directions for your itinerary
  • Responsive design for both desktop and mobile devices

** Getting Started

*** Prerequisites

  • Node.js (v14 or later)
  • npm (v6 or later)
  • Google Maps API key

*** Installation

  1. Clone the repository:

    git clone https://github.com/yourusername/travel-creator.git
    cd travel-creator
    
  2. Install dependencies:

    npm install
    
  3. Create a .env file in the root directory and add your Google Maps API key:

    GOOGLE_MAPS_API_KEY=your_api_key_here
    
  4. Start the development server:

    npm run dev
    
  5. Open your browser and navigate to http://localhost:3000 to see the app in action.

** Usage

  1. Click on the title to change the location.
  2. Use the slider to filter attractions by minimum rating count.
  3. Click on attractions to view them on the map.
  4. Add attractions to your itinerary using the "Add to Itinerary" button.
  5. Toggle between list and map views on mobile devices.
  6. Use the "Show Itinerary" button to view your planned route.

** Future Plans

  • Implement AI support to generate travel recommendations and itineraries based on user preferences and travel style.

** Contributing

Contributions are welcome! Please feel free to submit a Pull Request.

About

Travel Creator: Discover, Plan, and Visualize Your Perfect Journey with Nuxt 3 and Google Maps API

https://maps.gptcall.net/


Languages

Language:Vue 77.0%Language:JavaScript 15.6%Language:TypeScript 4.3%Language:CSS 3.1%