Eco-Adventure Website

Project Name: Eco-Adventure Website

Purpose:

The Eco-Adventure Website is designed to provide users with a platform where they can explore eco-friendly travel adventures. The website allows users to browse through various types of trips such as mountain treks, ocean dives, and rainforest explorations. Additionally, it features expert guides, tailored adventure packages, and family-friendly trips. The platform also includes client reviews and testimonials to build trust and showcase the quality of services.

Live URL:

You can view the live version of the website at:
https://your-live-website-link.com

Key Features:

• Complete Guide: Expert guidance for eco-adventures, including route planning and safety tips.
• Custom Packages: Tailored adventure packages based on preferences, group size, and budget.
• Trained Guides: Join certified eco-guides experienced in various terrains and eco-friendly practices.
• Various Trips: Choose from a wide range of trips including mountain treks, ocean dives, and rainforest explorations.
• Family Trips: Specially designed trips for families to ensure safety and fun for all ages.
• Adventure Trails: Discover off-the-beaten-path trails for thrill-seekers looking for exciting adventures.
• Client Reviews: Read reviews and feedback from clients who have experienced our services.
• Responsive Design: Fully responsive design that adjusts to all screen sizes, including mobile, tablet, and desktop.
• Interactive Sliders: Use of Swiper.js for the client review carousel.

Technologies Used:

• React: Front-end library for building user interfaces.
• Tailwind CSS: Utility-first CSS framework for styling the components and ensuring responsiveness.
• Swiper.js: Library for creating a responsive and interactive review carousel.
• React Router: For navigation between pages within the app.
• Fetch API: For fetching data from local JSON files (client.json, services.json).
• NPM packages:
  • react-router-dom: For handling routing.
  • swiper: For creating the carousel on the Reviews page.
  • tailwindcss: For styling and layout management.

Setup & Installation:

Prerequisites:

• Node.js (v14 or higher) installed on your machine.
• npm (Node Package Manager) or