Planexa-React-app Tailwind Templates

Planexa React App

Planexa🌍- AI-Driven Travel Planner -is a smart travel recommendation app built with React (Vite), Tailwind CSS (via shadcn/ui), and Node.js.Powered by Gemini AI and Google Maps API for intelligent suggestions and location autofill.

🌍 Planexa β€” AI-Powered Travel Planner

Your next adventure starts here.
Planexa helps you discover the perfect travel destinations β€” powered by AI, designed for humans, and built with a modern web stack.


πŸ“Έ What is Planexa?

Planexa is an intelligent travel recommendation app that tailors destination suggestions based on:

  • πŸ’Έ Budget: Small, Medium, or Expensive
  • πŸ§‘β€πŸ€β€πŸ§‘ Group Type: Solo, Friends, Couples, or Family
  • β›ͺ Location: With smart autofill using Google Maps

Powered by Gemini AI, Planexa delivers personalized suggestions, learns your preferences, and offers a smooth, responsive UI built for all screen sizes.


πŸ› οΈ Tech Stack

Feature Tech Used
Frontend React (Vite), Tailwind CSS, shadcn/ui
Routing React Router
Backend Node.js (Express)
APIs Gemini AI, Google Maps API
State Management React Hooks (useState, useEffect)
Location Memory Preference persistence with useEffect

✨ Key Features

  • πŸ€– AI Recommendations via Gemini AI
  • πŸ“ Google Maps Autocomplete for location inputs
  • πŸ’Ύ Smart Memory: Saves past preferences using useEffect
  • 🎯 Trip Types: Solo, Friends, Couples, Family
  • πŸ’Έ Budget Filters: Small, Medium, Expensive
  • 🧭 Smooth Navigation using React Router
  • 🧩 Beautiful UI using Tailwind CSS and shadcn/ui
  • πŸ“± Fully responsive and mobile-friendly design

🚧 Project Status

This project is currently in development.
Initial architecture is in place, and core features are being integrated. Code will be pushed progressively.


πŸš€ Getting Started

1️⃣ Clone the repository

git clone https://github.com/yourusername/planexa.git
cd planexa

Top categories

Loading Svelte Themes