Skip to content

Latest commit

 

History

History
96 lines (75 loc) · 3.65 KB

README.md

File metadata and controls

96 lines (75 loc) · 3.65 KB

🌿 Eco Adventure – Explore Nature Responsibly

CoinCrafter Screenshot CoinCrafter Screenshot

🚀 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)
  1. 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:

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: