/Turio-client

Welcome to Turio, your ultimate destination for discovering the world's most breathtaking tourist spots. Turio is a tourism management website focused on helping travelers explore diverse and enchanting destinations across different continents. Here's what Turio offers.

Primary LanguageJavaScript

Turio

Visit the live site Turio

Project Overview

  • Concept: Turio is a tourism management website focusing on providing detailed information about tourist spots in specific countries.
  • Problem Solved: Helps travelers find comprehensive details about various tourist spots, making trip planning easier and more informed.

Features

  • Extensive Tourist Spot Details: View detailed information about tourist spots including images, location, cost, and best visiting seasons.
  • User Authentication: Secure login and registration with social media options.
  • Personalized Lists: Users can add, view, and manage their own list of tourist spots.

Technology Used

  • Frontend: React.js, Tailwind CSS
  • Backend: Node.js, Express.js
  • Database: MongoDB
  • Authentication: Firebase

How to Clone and Run Locally

Frontend

  1. Clone the repository:

    git clone https://github.com/Sohana-Karniz-Mimmi/Turio-client.git

  2. Navigate to frontend directory:

    cd Turio/frontend

  3. Install dependencies:

    npm install

  4. Set up environment variables:

    • Create a .env file in the frontend directory.
    • Add necessary Firebase config keys.

  5. Start the development server:

    npm run dev

  6. Access the frontend website:

Backend

  1. Navigate to backend directory:

    cd turio/backend

  2. Install dependencies:

    npm install

  3. Set up environment variables:

    • Create a .env file in the backend directory..
    • Add MongoDB credentials and any other necessary configurations.

  4. Access the backend API:

    npm start

  5. Access the frontend website: