Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/udemy-experience/the-wild-oasis
Full stack project (with supabase), implemented using React, Redux, React Query, and implementing Authentication.
https://github.com/udemy-experience/the-wild-oasis
authentication authorization frontend full-stack react reactquery redux redux-toolkit supabase
Last synced: about 1 month ago
JSON representation
Full stack project (with supabase), implemented using React, Redux, React Query, and implementing Authentication.
- Host: GitHub
- URL: https://github.com/udemy-experience/the-wild-oasis
- Owner: Udemy-Experience
- Created: 2024-11-21T09:12:44.000Z (2 months ago)
- Default Branch: main
- Last Pushed: 2024-12-10T13:59:43.000Z (about 2 months ago)
- Last Synced: 2024-12-17T22:26:40.311Z (about 1 month ago)
- Topics: authentication, authorization, frontend, full-stack, react, reactquery, redux, redux-toolkit, supabase
- Language: JavaScript
- Homepage: https://the-wild-oasis-sigma-nine.vercel.app
- Size: 2.15 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: readme.md
Awesome Lists containing this project
README
 
[](https://github.com/BaraSedih/the-wild-oasis/releases/tag/v1.0.0)
[](https://github.com/BaraSedih11/the-wild-oasis/graphs/contributors)
Welcome to **The Wild Oasis**, a unique and vibrant digital destination! This project represents a virtual camping experience, blending creativity and technology to bring the essence of the outdoors into the digital world.
## 🌟 Features
- **Immersive Camping Scene**: A 3D representation of a serene camping spot.
- **Interactive Elements**: Explore and interact with various features of the scene.
- **Engaging Design**: A focus on aesthetics and smooth user experience.
- **Responsive Layout**: Optimized for both desktop and mobile devices.
## 🚀 Technologies Used
- **Three.js**: For creating the stunning 3D visualizations.
- **JavaScript/TypeScript**: Core scripting languages for functionality.
- **HTML & CSS**: To structure and style the website.
- **Modern Development Practices**: Includes modular code structure and best practices for scalability.
## 🛠️ Getting Started
Follow these steps to run the project locally:
### Prerequisites
- Node.js installed on your machine.
- A modern web browser (Google Chrome, Mozilla Firefox, etc.).
### Installation
1. **Clone the repository**:
```bash
git clone https://github.com/BaraSedih11/the-wild-oasis.git
cd the-wild-oasis
```
2. **Install dependencies:**
```bash
npm install
```
3. **Start the development server:**
```bash
npm run dev
```
4. **Open the project in your browser: Navigate to [Live view](https://the-wild-oasis-bara.netlify.app/).**
Use email : `[email protected]`, password: `12341234`
### 📂 Project Structure
```plaintext
the-wild-oasis/
├── public/ # Static assets (images, icons, etc.)
├── src/
│ ├── components/ # Reusable UI components
│ ├── scenes/ # 3D scene setup and elements
│ ├── styles/ # CSS/SCSS styles
│ └── utils/ # Utility functions and helpers
├── .gitignore # Git ignore file
├── package.json # Project metadata and scripts
├── README.md # Project documentation
└── ... # Additional configuration files
```
### 🖋️ Contributing
We welcome contributions! Please follow these steps:
1. Fork the repository.
2. Create a new branch:
```bash
git checkout -b feature/your-feature-name
```
3. Make your changes and commit them:
```bash
git commit -m "Add a new feature"
```
4. Push your branch:
```bash
git push origin feature/your-feature-name
```
5. Open a pull request.
### See images from the live view:
