DreamScape 🌌

Welcome to DreamScape — an imaginative 3D portfolio that brings a fantasy world to life! Built with Three.js and Next.js, DreamScape takes you to a magical floating island filled with dynamic elements and interactive features.

✨ About DreamScape

DreamScape immerses you in a virtual world where:

• A majestic phoenix flies towards a floating island.
• Hot air balloons drift serenely around the scene.
• A rocket zooms into space—don’t miss it!
• An old-school plane takes off as you explore.

Interact with the world by rotating the island to discover new perspectives!

Key Features

• Rotate the Island: Rotate the scene using your mouse, arrow keys, or touch for mobile.
• Dynamic Elements: Watch the old-school plane take off as you rotate the view, adding an extra touch of whimsy to the scene.

🌐 Site Structure

• About Page: Learn about me, my technical journey, and the tools I've mastered.
• Projects Page: Discover my favorite projects and the ones closest to my heart.
• Contact Page: Feel free to get in touch via email. And as a thank-you for visiting, grab a virtual Oreo cupcake! 🧁
• Credits Page: Explore details about the 3D models used, including licensing information.

📸 Why I Love Three.js

Working with Three.js on DreamScape has been an amazing experience! Three.js simplifies complex 3D creation into manageable components, making it accessible to everyone interested in building dynamic and interactive websites with a 3D twist.

🛠️ Tech Stack

• Next.js: A React framework for building fast, scalable web applications.
• Tailwind CSS: A utility-first CSS framework for creating stylish, responsive designs.
• Three.js: A powerful library for creating 3D graphics in the browser.
• React Three Fiber: Integrates Three.js with React’s component-based approach.
• React Three Drei: Provides useful tools and components for working with 3D scenes in React.
• EmailJS: Allows sending emails directly from the web app without needing a backend.

🚀 Try It Out

Explore DreamScape and be inspired to create your own 3D world! If you'd like, feel free to clone or fork this project and make it your own.

• Live Site: https://dreamscapebyarpitvaghela.vercel.app/

💡 Getting Started

1. Clone the repository: ```bash git clone https://github.com/magnifiques/dreamscape.git

Built With

• css
• html5
• javascript
• react
• three.js