Skip to content

jueeeeeen/Tripmate-frontend

 
 

Repository files navigation

🗺️ TripMate

A travel planning web application that helps users plan trips by providing hotel bookings, rental cars, tour guides, and restaurants. The platform also supports trip planning features and intelligent route suggestions.

🖼️ Demo

screenshot screenshot screenshot

🛠️ Tech Stack

  • Next.js
  • TypeScript
  • Tailwind CSS

✨ Features

  • Browse Services & Trips - Search available hotels, rental cars, tour guides, restaurants, and publicly shared trips.
  • Book Services - Book available services such as hotels, rental cars, guides, and restaurants.
  • Comments & Ratings – Leave comments and rate services you have booked.
  • Plan Trips - Create personalized trips by selecting travel dates, times, and the services involved.
  • Route Suggestions - Select destinations and add stops to generate optimized travel routes.
  • User Accounts – Register, log in, manage profile.

🔧 Installation

  1. Clone the repository
    git clone https://github.com/jueeeeeen/Tripmate-frontend.git
  2. Navigate into the folder
    cd Tripmate-frontend
  3. Install dependencies
    npm install

🔗 Backend API

This frontend works with the backend API available at: https://github.com/tawan123456789/Tripmate-backend

🚀 How to Run

  1. Run the project

    npm run dev
    
  2. Open your browser and visit

    http://127.0.0.1:3000/
    

About

A travel planning web application that provides hotel bookings, rental cars, tour guides, restaurants, trip planning features and route suggestions.

Topics

Resources

Stars

Watchers

Forks

Contributors

Languages

  • TypeScript 99.7%
  • Other 0.3%