Skip to content

Mandip69/Explore-Nepal

Repository files navigation

Explore Nepal

Explore Nepal is a multi-page travel website designed to showcase the beauty and culture of Nepal. Built with React and styled using Tailwind CSS, the website is fully responsive and provides an engaging user experience.

Features

Pages

Home Page

  • Welcoming hero section with a brief introduction to Nepal.
  • Navigation bar with links to Home, About Nepal, and Destinations pages.
  • Highlighted top destinations with links to detail pages.

About Nepal Page

  • General information about Nepal, including its history, culture, and geography.
  • Images and illustrations of Nepal's landmarks and nature.
  • Popular travel activities (e.g., trekking, cultural exploration).

Destinations List Page

  • Grid displaying a list of travel destinations.
  • Filtering options based on Region, Type, and Rating.
  • Sorting by Rating or Popularity.
  • Links to detailed pages for each destination.

Destination Detail Page

  • Detailed information about a selected destination:
    • Name
    • Region
    • Description
    • Rating
    • Images
    • Popular activities
  • Back button to navigate to the Destinations List Page.

Technologies Used

  • Frontend Framework: React
  • Styling: Tailwind CSS
  • Routing: React Router
  • Deployment: Vercel

Installation

  1. Clone the repository:

    git clone https://github.com/yourusername/explore-nepal.git
  2. Navigate to the project directory:

    cd explore-nepal
  3. Install dependencies:

    npm install
  4. Start the development server:

    npm run dev
  5. Open your browser and navigate to:

    http://localhost:5173/
    

Deployment

Deploy the project on Vercel:

  1. Install the Vercel CLI:

    npm install -g vercel
  2. Deploy the project:

    vercel

Contact

For any questions or feedback, please reach out to:

About

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published