DEV Community

Cover image for Mystick Mandalas: Wix Studio Challenge
Douglas James Butner
Douglas James Butner

Posted on

Mystick Mandalas: Wix Studio Challenge

What I Built

Mystic Mandalas

Fractal Art

Sacred Geometry

Cosmic Vibes.

Given the prompt to leverage Wix's set of APIs, I saw the opportunity to learn Wix Studio, and give new light some of my old art, some of which was unreleased or unavailable for sale.

Demo

Image description

Image description

Image description

Image description

Preview Site

Development Journey

Having never used Wax before the contest, I highly underestimated the power that would soon be at my fingertips.

I spent a day reading documentation, playing with the example sites, and watching Wix-related Youtube videos in the background.

Way more coding went into the 15 test projects than this one I'm submitting, which was a lot of fun and challenging as well. I was a huge user of jQuery, so I love the syntax.

Then I spent some time trying to connect Wharfkit with Wix, which I never managed to get. Deciding to wait until I was ready to launch a site, I proceeded to learn about other APIs I could use right away.

I settled on the plan to just accept wallet names and save them so I could send a NFT that would unlock a future experience. This is better, because it doesn't exclude anyone like token-gating would.

Which APIs and Libraries

I started using wax studio and created two custom data sets, one to store quotes, and one to store WAX wallets.

Wix Editor Elements($w) API was used throughout.

I used the Wix Data API to get quotes as from the database, and store WAX wallets.

Boolean to track if they've been sent their NFT, WAX wallet, and date to reward early members.

Image description

My original plan

I want to talk a little bit about my original plan, a token-gated shopping experience using the Wix eCommerce API.

A shopper can purchase a downloadable item with dollars, or get it for free if they hold a NFT from Aquarius Academy.

Why?

My most influential code project is on WAX a blockchain focused on gaming and NFTs.

Token gating is a feature that hasn't been easy for non-technical projects in the WAX blockchain community I've been developing with for several years.

Riffs + Credits
I started with a blank canvas for this contest as per the rules, and used default WIX elements for my site.

All art is my own work, with exception of AI images all by Dall-E

Here's the elements I graciously borrowed. UFO animation
https://lottiefiles.com/free-animation/ufo-404-Nj3rN5178E?from=search
Portal Animation
https://lottiefiles.com/free-animation/portal-base-KQBBfnHizR?from=search

Team

This project was built by Douglas Butner in coordination, solo member of team. @dougbutner

Thank you for this opportunity to learn Wix. I enjoy the experience of coding in Wix.

Edit: added link to preview

Top comments (0)