Skip to content

Full stack project (with supabase), implemented using React, Redux, React Query, and implementing Authentication.

Notifications You must be signed in to change notification settings

Udemy-Experience/the-wild-oasis

Folders and files

NameName
Last commit message
Last commit date

Latest commit

Β 

History

15 Commits
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 

Repository files navigation

The_Wild_Oasis 🌴

GitHub repo size GitHub repo file count (file type) GitHub last commit (branch) Version Contributors GitHub pull requests

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:

    git clone https://github.com/BaraSedih11/the-wild-oasis.git
    cd the-wild-oasis
  2. Install dependencies:

    npm install
  3. Start the development server:

    npm run dev
  4. Open the project in your browser: Navigate to Live view. Use email : [email protected], password: 12341234

πŸ“‚ Project Structure

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:

git checkout -b feature/your-feature-name
  1. Make your changes and commit them:
git commit -m "Add a new feature"
  1. Push your branch:
git push origin feature/your-feature-name
  1. Open a pull request.

See images from the live view:

image

image

Screenshot 2024-12-10 153336

Screenshot 2024-12-10 153347

Screenshot 2024-12-10 153359

Screenshot 2024-12-10 153405

Screenshot 2024-12-10 153425

Screenshot 2024-12-10 153438

Screenshot 2024-12-10 153449

Screenshot 2024-12-10 153504

Screenshot 2024-12-10 153514

Screenshot 2024-12-10 153526

Screenshot 2024-12-10 153534

Screenshot 2024-12-10 153549

About

Full stack project (with supabase), implemented using React, Redux, React Query, and implementing Authentication.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published