Eco Adventure Experiences

Ecovent

Ecovent is an adventure-focused platform designed to offer users unique and exciting experiences. It allows users to explore and select adventure destinations based on their interests and preferences. The platform provides detailed information about various adventures, with experienced guides offering in-depth insights. Additionally, users can join live Google Meet sessions with guides to ask questions and learn more about their chosen adventures.

Ecovent also provides users the ability to update their profiles, reset their passwords, and enjoy a simplified login process through Google Sign-up integration.

Key Features

✅ Fully Responsive Design

The platform is optimized for all devices, ensuring a seamless and responsive experience on desktops, tablets, and mobile phones.

✅ Choose Your Adventure

Explore and select the perfect adventure experience based on various criteria, including difficulty level, location, and user preferences.

✅ View Personal Details

Users can access and manage their profiles, ensuring a personalized experience tailored to their preferences.

✅ Learn the Benefits of Adventures

Discover detailed insights into the physical, mental, and emotional benefits of each adventure to make informed decisions about which adventure suits you best.

✅ Live Consultations with Guides

Join live Google Meet sessions with our experienced adventure guides to get detailed advice and ask questions before you embark on your journey.

✅ Google Sign-Up Integration

Users can easily sign up and log in via Google, making the authentication process fast and hassle-free.

Used Technology

This project leverages the following technologies:

• Frontend:

  • HTML, CSS
  • JavaScript
  • React
  • Tailwind CSS
  • React Router Dom
  • React Icons
  • React Toastify
  • React Moment.js
  • React Particles.js

• Backend & Database:

  • Firebase Authentication
  • Firebase Firestore
  • Google Meet API for live sessions

🔑 Environment Variables

To run this project locally, you need to create a .env.local file in the root directory and add the following values:

VITE_apiKey=your_firebase_api_key_here
VITE_authDomain=your_firebase_auth_domain_here
VITE_projectId=your_firebase_project_id_here
VITE_storageBucket=your_firebase_storage_bucket_here
VITE_messagingSenderId=your_messaging_sender_id_here
VITE_appId=your_firebase_app_id_here
VITE_URL=your_backend_api_url_here

Replace the placeholders with your actual Firebase credentials and API keys.

Setup Instructions

Follow these steps to get the project running locally:

1. Clone the repository to your local machine:

   git clone <repository_url>

2. Install dependencies:

   npm install

3. Create the .env.local file in the root directory and add your Firebase configuration.

4. Run the development server:

   npm run dev

You can now start building and contributing to the project!

You can paste this code directly into your `README.md` file, and it will render a professional and well-organized document.