Giter Site home page Giter Site logo

falconandrea / sightseerbuddy Goto Github PK

View Code? Open in Web Editor NEW
0.0 1.0 0.0 192 KB

SightseerBuddy is a vacation planning bot built with Next.js, TypeScript, Tailwind CSS, and OpenAI's ChatGPT API.

Home Page: https://sightseer-buddy.onrender.com/

JavaScript 6.25% CSS 4.28% TypeScript 89.47%
nextjs openai-api shadn-ui tailwindcss travel-app

sightseerbuddy's Introduction

SightseerBuddy

SightseerBuddy is a vacation planning bot powered by OpenAI's ChatGPT API, built using Next.js, Tailwind CSS and TypeScript. This bot assists users in creating personalized travel itineraries for their visits to a specific city. With SightseerBuddy, users can easily input their preferences, such as the city they plan to visit, the duration of their stay, and their interests, and receive a day-by-day plan for their vacation.

  • Shadcn UI: Shadcn UI for our user interface components, ensuring a polished and user-friendly design.

  • Next.js: SightseerBuddy is built using Next.js, a React framework that allows for efficient server rendering and seamless client-side navigation.

  • TypeScript: I use TypeScript to enhance code quality and maintainability, providing a statically typed development environment.

  • OpenAI API: To offer intelligent and context-aware travel recommendations, we integrate the OpenAI API, which powers our chat-based conversation with users.

  • Tailwind CSS: The application is styled with Tailwind CSS, a utility-first CSS framework that enables rapid UI development with flexibility and consistency.

Features

  • User-Friendly Interface: SightseerBuddy offers a simple and intuitive interface for users to input their travel details and preferences.

  • Personalized Itineraries: Based on user inputs, SightseerBuddy generates personalized travel itineraries that include recommendations for food, attractions, monuments, and more.

  • Day-by-Day Plans: The bot creates a detailed day-by-day plan for the user's entire stay, ensuring a well-structured and enjoyable vacation experience.

  • Flexibility: Users can customize their plans by specifying interests such as food, historical sites, museums, and more.

Getting Started

Prerequisites

  • Node.js 18
  • OpenAI API key

Installation

  1. Clone this repository: git clone https://github.com/falconandrea/sightseerbuddy.git
  2. Navigate to the project directory: cd sightseerbuddy
  3. Install dependencies: npm install

Configuration

  1. Rename the .env.example file to .env and add your OpenAI API key.

Usage

  1. Run the application: npm run dev
  2. Access the application through your web browser at http://localhost:3000.

Contributing

Contributions are welcome! If you'd like to contribute to SightseerBuddy, please follow these steps:

  1. Fork the repository.
  2. Create a new branch for your feature: git checkout -b feature-name
  3. Commit your changes: git commit -m "Add feature"
  4. Push to the branch: git push origin feature-name
  5. Open a pull request.

License

This project is licensed under the MIT License.


Happy travels with SightseerBuddy!

sightseerbuddy's People

Contributors

falconandrea avatar

Watchers

 avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.