https://github.com/sayed725/green-edventures
This page is a React-based application where users can explore specific types of eco-friendly travel adventures like Forest Expeditions, Mangrove Forest Expeditions
https://github.com/sayed725/green-edventures
firebase mongodb nodejs react tailwindcss
Last synced: 3 months ago
JSON representation
This page is a React-based application where users can explore specific types of eco-friendly travel adventures like Forest Expeditions, Mangrove Forest Expeditions
- Host: GitHub
- URL: https://github.com/sayed725/green-edventures
- Owner: sayed725
- Created: 2025-01-09T17:42:24.000Z (over 1 year ago)
- Default Branch: main
- Last Pushed: 2025-02-05T05:13:16.000Z (over 1 year ago)
- Last Synced: 2025-04-12T22:56:57.926Z (about 1 year ago)
- Topics: firebase, mongodb, nodejs, react, tailwindcss
- Language: JavaScript
- Homepage: https://assingment-10-5294b.web.app/
- Size: 2.85 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# GREEN EDVENTURES
Welcome to this project.Discover the thrill of eco-friendly travel with Eco-Edventure Experiences. This page is a React-based application where users can explore specific types of eco-friendly travel adventures like Forest Expeditions, Mangrove Forest Expeditions.This application provide detailed information on various eco-adventure options, allowing users to browse, learn more about each experience, and consult experts if they’re interested.
---
### Live link to the deployed project
- Private Github Repo Link: [https://github.com/programming-hero-web-course1/b10-a9-authentication-sayed725)
- live link: [https://assingment-10-5294b.web.app/)
- Required PDF Link: [https://drive.google.com/file/d/1EBQPTljIKRJS_NKkdsO8D9YbkY1FNGEx/view?usp=sharing)
### 5 features of this website/project
- There is a beautiful slides showcasing images of eco-adventures on Banner.
- User Login / Register Authentication.
- On clicking the Explore Now Button navigated the logged-in user to the Adventure Detail page where they can explore more about their Tour Details.
- On Explore Tour Details section there is a “Talk with Expert” Button where user connect with us using google meet or phone.
- On Clicking on My Profile the user will see this page and their information where clicking update profile button user can update their information.
- Clicking Forget password on login section user can reset their password.
### Npm Packages used in the project :
- React Toastify.
- React Icons.
- Swiper
- Animated Css
- AOS Package
## 📷 Project Images Highlights
### 📷 Home Page `"/"` Image
### 📷 Explore Destination Page `"/details"` Image
---
## ⚙️ Installation & Setup
### Client Setup
1. Clone the repository:
```bash
git clone https://github.com/sayed725/GREEN-EDVENTURES.git
cd GREEN-EDVENTURES
```
2. Install dependencies:
```bash
npm install
```
3. Set up the environment variables in a `.env.local` file:
```env
VITE_apiKey=your_firebase_apiKey
VITE_authDomain=your_firebase_authDomain
VITE_projectId=your_firebase_projectId
VITE_storageBucket=your_firebase_storageBucket
VITE_messagingSenderId=your_firebase_messagingSenderId
VITE_appId=your_firebase_appId
VITE_API_URL=your_server_api_link
```
4. Run the development server:
```bash
npm run dev
```
5. Open [http://localhost:5173/](http://localhost:5173/) in your browser.
---