https://github.com/rajib1504/wild-explore
This project is over a tour guide. where the clint can book appoinment, arragne a meet with the owner. also can check the details
https://github.com/rajib1504/wild-explore
express firebase nodejs react
Last synced: 3 months ago
JSON representation
This project is over a tour guide. where the clint can book appoinment, arragne a meet with the owner. also can check the details
- Host: GitHub
- URL: https://github.com/rajib1504/wild-explore
- Owner: Rajib1504
- Created: 2025-01-28T10:03:29.000Z (over 1 year ago)
- Default Branch: main
- Last Pushed: 2025-03-13T18:02:01.000Z (over 1 year ago)
- Last Synced: 2025-07-19T09:53:49.165Z (12 months ago)
- Topics: express, firebase, nodejs, react
- Language: JavaScript
- Homepage: https://wild-explore.web.app
- Size: 124 KB
- Stars: 1
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Wild Explore 🌍
**Wild Explore** is a mountain adventure website designed to promote eco-friendly and sustainable tourism. The platform allows users to explore mountain adventures while respecting and preserving nature and biodiversity. Through this project, we aim to highlight the importance of eco-friendly tourism and encourage users to be more mindful of their environmental footprint while enjoying beautiful outdoor adventures.
## 🔗 Live Project URL
[Wild Explore Live Site](https://wild-explore.web.app)
## ⚡ Features
- **General Browsing**:
Users can explore general information about eco-friendly mountain adventures, including tour types, locations, and key practices for sustainable tourism.
- **Restricted Access**:
Only logged-in users can access detailed tour information, ensuring that sensitive details are available to registered members.
- **Tour Details**:
Users can read comprehensive information about each mountain tour and trips, focusing on eco-friendly practices like waste reduction, carbon footprint minimization, and local conservation efforts.
- **Chat Feature**:
The platform provides a chat feature that allows users to communicate directly with the team for personalized queries about the tours, bookings, and other related information.
- **Authentication**:
Users can log in via **Google Authentication** or using their **email/password** credentials for easy and secure access.
- **Profile Update**:
Logged-in users have the ability to update their personal profile details, including their name and photo, ensuring a personalized experience.
- **Dynamic Navbar**:
The navigation bar is dynamic. When logged in, users will see their profile picture on hover, along with their name. The navbar also has "Log In" and "Log Out" options based on the user's login status.
- **Responsive Design**:
The website is fully optimized for different screen sizes, ensuring a smooth experience whether on desktop, tablet, or mobile devices.
- **Animations**:
The platform includes smooth animations such as a scrolling team section that adds visual interest and engagement to the website.
## 📦 NPM Packages Used
- **React**: For building the user interface with a modern, component-based architecture.
- **React Router DOM**: For managing routing and navigation between pages in a seamless way.
- **Firebase**: For user authentication, data storage, and hosting.
- **Tailwind CSS**: For utility-first, modern, and responsive styling of the website.
- **React Icons**: To add attractive and easily customizable icons throughout the app.
- **React Toastify**: For providing toast notifications that display messages in a non-intrusive manner.
- **Animate.css**: For adding smooth animations across different sections of the platform.
- **Swiper.js**: For creating interactive carousels to display image galleries and featured tours.
- **CSS Marquee**: To implement smooth, scrolling text animations to highlight important updates or promotions.
## 💡 Additional Features
- **Secure Environment Variables**:
All sensitive data such as Firebase credentials are securely stored in a `.env` file, ensuring the confidentiality of private information.
- **User-Specific Features**:
Logged-in users can access their profile, update personal details, and enjoy a custom navigation experience based on their preferences and previous activity on the platform.
- **SEO Optimized**:
The platform is designed with SEO best practices in mind to ensure good visibility in search engines for increased traffic.
- **Sustainability Focus**:
Wild Explore emphasizes the value of eco-tourism and showcases mountain adventures with minimal environmental impact. The platform educates users on how to make their adventures more sustainable.
## 🚀 How to Run Locally
2. Navigate to the project directory:
bash
cd wild-explore
3. Install dependencies:
bash
npm install
4. Configure Firebase and Stripe keys in .env file.
### Running the Application
bash
npm start
To run **Wild Explore** locally, follow these steps:
### Installation
1. Clone the repository:
```bash