Travel Genie - Frontend

Travel Genie is a tour planning web application that allows users to discover destinations, explore attractions, find nearby hotels and restaurants, and create personalized travel itineraries. This repository contains the frontend code for the Travel Genie project.

Features

• Discover Destinations: Browse through curated categories of destinations tailored to different travel preferences, such as serene hill stations, sun-kissed beaches, or bustling cities.
• Explore Attractions: Find top attractions, activities, and hidden gems at each destination to enhance your travel experience.
• Price Estimation: Get instant price estimations for your trips based on your budget, allowing you to compare costs for accommodations, attractions, and dining.
• Gallery: Immerse yourself in a captivating gallery of vibrant snapshots capturing the essence of destinations worldwide, igniting your wanderlust and inspiring your next adventure.
• Blogs: Explore a diverse collection of travel blogs, from expert tips to hidden gem discoveries, fueling your desire to explore the world.
• Reviews and Ratings: Access authentic reviews and ratings from fellow travelers to make informed decisions and ensure unforgettable experiences.

Screenshots

Getting Started

To run the frontend locally, follow these steps:

1. Clone the repository
2. Navigate to the frontend directory: cd frontend
3. Install dependencies: npm install
4. Create a .env file in the project root directory and add the following environment variable: REACT_APP_API_BASE_URL=http://localhost:5000/api Replace http://localhost:5000/api with the appropriate URL for your backend API.
5. Start the development server: npm start
6. The application should now be running at http://localhost:3000

Build for Production

To create a production build, run: npm run build This will create an optimized build of the application in the build folder.

Technologies Used

• Frontend: React.js, Tailwind CSS, Fontawesome, and other react frameworks.

Learn More

You can learn more about the technologies used in this project from the following resources:

• React Documentation

Feel free to customize and enhance the project according to your needs!