🌿 Eco Adventure – Explore Nature Responsibly

🚀 Project Overview

• Eco Adventure is a dynamic eco-travel blog that showcases various eco-friendly travel experiences, such as mountain treks, ocean dives, and wildlife safaris. Users can browse adventure details, register for an account, and consult with experts before planning their eco-friendly trips. The platform ensures seamless authentication, personalized user profiles, and real-time adventure details.

🛠️ Tech Stack

Frontend: React.js, Tailwind CSS, DaisyUi Backend: Firebase Authentication, JSON Data Routing: React Router Animations: AOS (Animate on Scroll) / Animate.css Hosting: Netlify / Firebase

🌟 Core Features

✅ User Authentication: Email-password and Google login integration ✅ Adventure Showcase: Dynamic adventure cards with eco-friendly features ✅ Private Routes: Access adventure details & profile only when logged in ✅ Consult an Expert: Google Meet link opens based on consultation hours ✅ Profile Management: Users can view and update their profile information ✅ Responsive UI: Optimized for mobile, tablet, and desktop ✅ Error Handling: 404 error page for invalid routes ✅ Dynamic Titles: Updates page title dynamically based on location

📦 Dependencies

Below are the key dependencies used in the project:

1. Client-Side (Frontend)

• React.js
• React Router DOM
• Firebase Authentication
• Tailwind CSS
• Daisy UI (for sliders)
• AOS / Animate.css (for animations)
• React Toastify (for notifications)

2. Backend

• irebase Authentication (User login & registration)
• JSON Data (Static adventure details)

🏗️ Installation & Setup

Follow these steps to set up the project locally:

1️⃣ Clone the Repository

• bash
• Copy
• Edit
• git clone <GITHUB_REPO_URL>

2️⃣ Install Dependencies

Navigate into the project directory and install required packages:

• bash
• Copy
• Edit
• cd eco-adventure
• npm install

3️⃣ Set Up Environment Variables

Create a .env file in the root directory and add the following:

• env
• Copy
• Edit
• REACT_APP_FIREBASE_API_KEY=your_firebase_api_key
• REACT_APP_FIREBASE_AUTH_DOMAIN=your_firebase_auth_domain
• REACT_APP_FIREBASE_PROJECT_ID=your_project_id
• REACT_APP_FIREBASE_STORAGE_BUCKET=your_storage_bucket
• REACT_APP_FIREBASE_MESSAGING_SENDER_ID=your_messaging_sender_id
• REACT_APP_FIREBASE_APP_ID=your_app_id

4️⃣ Run the Project Locally

• bash
• Copy
• Edit
• npm start

🔗 Live Links & Resources

1. Live Site: https://eco-adventure-f8cf4.web.app/
2. GitHub Repo: https://github.com/monzila-akter/eco-adventure

5.Required document link:

• https://docs.google.com/document/d/14uUAzQQPx9hz5fynr72vOX8vXT01t7gp7IFsjeg9sg4/edit?tab=t.0

React + Vite

This template provides a minimal setup to get React working in Vite with HMR and some ESLint rules.

Currently, two official plugins are available:

• @vitejs/plugin-react uses Babel for Fast Refresh

• @vitejs/plugin-react-swc uses SWC for Fast Refresh

• @vitejs/plugin-react uses Babel for Fast Refresh

• @vitejs/plugin-react-swc uses SWC for Fast Refresh