DreamScape

The problem it solves

Imagine this: you wake up one morning with the wildest, most magical dream in your head—a flying unicorn picnic on a cloud, or maybe a pirate adventure in a candy-coated sea! You’re buzzing with excitement to share it, but as the day goes on, poof—the details start slipping away like a sneaky dream thief! Worse, even if you manage to scribble it down, it just sits in your notebook, gathering dust. You think, “If only there was a way to not just save my dreams, but turn them into something super cool that I could share with the world!”

DreamScape swoops in like a superhero with a sparkly cape to save the day! Here’s how it tackles the problem in a fun way:

Catches Your Dreams Before They Fly Away: With DreamScape, you can record your dreams right when you wake up—whether it’s a wild adventure or a quirky little story. No more “Oh no, I forgot the part where I rode a dragon!” moments. The platform makes it super easy to jot down every detail, so your dreams are safe and sound.

Turns Dreams into Digital Magic: Here’s where the real fun begins! DreamScape lets you mint your dreams as digital collectibles (think of them as shiny NFTs—Non-Fungible Tokens—that are one-of-a-kind). It’s like taking your dream of a glittery unicorn and turning it into a magical digital sticker that’s yours forever! You can even add visuals or designs to make it extra special.

Shows Off Your Dreamy Creations in a Gallery: DreamScape doesn’t stop at saving your dreams—it lets you show them off! Imagine walking through a virtual museum filled with everyone’s wildest dreams—yours included! It’s a place to share, get inspired, and maybe even trade or sell your dream collectibles.

Challenges we ran into

Developing DreamScape has been a rewarding yet complex journey. From technical hurdles to user experience considerations, I’ve faced several challenges that have tested my skills and determination. Here’s a detailed look at the obstacles I’ve navigated so far:

One of the first hurdles I encountered was getting the GallerySection to render correctly. I designed it to display three 400x300 placeholders to represent future dreams, but they weren’t showing up as expected. After some investigation, I discovered the issue: my styles/globals.css file was empty, meaning Tailwind CSS wasn’t generating the necessary styles (like w-[400px] and bg-gray-300).

A core feature of DreamScape is allowing users to mint their dreams as NFTs, but I quickly realized this could be daunting for users unfamiliar with blockchain technology. The “Connect Wallet” button in my NavigationBar is a starting point, but the minting process involves complex steps like wallet connections, smart contract interactions, and understanding gas fees.

DreamScape requires a backend to store dream data and handle NFT minting, likely using an API (referenced by NEXT_PUBLIC_BACKEND_URL in my .env). However, integrating the frontend with a backend has proven challenging.

DreamScape’s concept—recording and minting dreams as NFTs—is unique, but it might be unfamiliar to many users, especially those new to blockchain technology. I want users to feel excited and confident using the platform, not confused or hesitant.

DreamScape is a passion project that combines creativity and technology, and I’m excited to see it evolve.