i hope all your dreams come true

a collaboration with Skip the Boat to create a platform that inspires and guides individuals in pursuing and sharing their dreams, with an engaging design and user-friendly interface.

tech stack

Svelte, sveltekit, node.js, supabase, typescript, Javascript, webflow, Google Analytics

developer

Preston Broad

designer

preston broad

The Dreams Website was a collaboration with skip the boat, built around the famous ‘dreams’ collection that had already made waves across New Zealand. The goal was to create a platform that not only celebrated the collection but also provided a space where individuals could pursue and share their dreams. This project was particularly exciting as it was timed to coincide with the relaunch and 1-year anniversary of the collection, adding a layer of significance to the entire process.

The Vision: A Central Hub for Dreams

From the very beginning, the vision for this platform was clear: to create a central place where people could post their dreams, hold themselves accountable, and open avenues of communication. The hope was that this platform would foster connections, allowing others to step in and help achieve these dreams. It was about more than just posting aspirations—it was about building a community of dreamers who could support and inspire each other.

video by ethynethynethynethynethyn

Building the Platform

Given the tight timeline of just one week, Webflow was chosen as the platform to quickly develop the user interface. The site was designed to be engaging and user-friendly, reflecting the uplifting spirit of the “DREAMS” collection. Despite the time constraints, the platform was packed with features that made it not only functional but also effective in achieving its goals.

One of the key features was the ability for users to post a dream every 24 hours. To prevent spam, each visit was cached, which limited submissions to one per day. Additionally, the platform included a robust filtering system. Instead of deleting inappropriate content, the filter hid it in the DOM, meaning that if a word was blacklisted, the dream wouldn’t be visible, but the user wouldn’t be notified. This approach was highly effective in reducing spam without discouraging users from participating.

Archiving and the Future

The Dreams Website was a super successful project, resonating with users and creating a vibrant community around the idea of sharing dreams. However, as we look towards the future, we’ve decided to archive the current site while we work on a new version. You can still view all of the dreams that were initially submitted, and this archive serves as a bridge to the next iteration. The archive was built using Svelte and Tailwind, with the dreams rendered from a JSON file.

Before
After

Looking ahead, the new version of the Dreams Website will be a full-blown web app, built with Svelte, SvelteKit, Tailwind, and Supabase. This new version will introduce user accounts, reactions to dreams, and comments, creating a larger ecosystem that encourages interaction and community building. Dreams that users submit will appear on their profiles, making it easier for others to connect with like-minded individuals and support each other’s aspirations.

What’s Next?

While the release date for the update is not set, the groundwork has been laid, and development is actively underway. We’re excited about the potential this new version has to bring even more dreamers together, fostering a community where goals are not just shared but actively pursued and supported.