Museum of Jaxsen

Inspiration

The Museum of Jaxsen was created during the World's Largest Hackathon presented by Bolt as a digital space to celebrate creativity, community, and the evolution of artistic expression. Rooted in the fictional town of Jaxsenville, the museum reflects the growth of both the artist and the community it represents.

What It Does

Museum of Jaxsen is a virtual art gallery that showcases my original works in a clean, immersive interface. Visitors can explore the collection freely and support the project through secure, real-time donations. The site evolves as new pieces are added, mirroring the creative journey of its founder and the cultural development of Jaxsenville.

How I Built It

The project was built using:

  • React + TypeScript for a responsive, component-driven UI
  • TailwindCSS for rapid, utility-first styling
  • Vite for fast builds and hot module reloading
  • Contentful as a headless CMS to manage artwork and metadata
  • Supabase Edge Functions to handle serverless backend logic
  • Stripe for secure donation processing
  • Netlify for DNS setup and streamlined deployment with continuous integration and instant rollbacks
  • IONOS for domain registration

Supabase Edge Functions serve as the bridge between the frontend and Stripe, enabling dynamic, metadata-rich donation flows without exposing sensitive keys. Netlify powers the deployment pipeline, while DNS configuration through Netlify enables the custom domain jxsn.xyz, purchased via IONOS, to connect smoothly with the live project.

Challenges I Ran Into

  • Configuring esbuild and environment variables in a browser-based environment
  • Deploying and testing Supabase Edge Functions with Stripe integration

Accomplishments That I'm Proud Of

  • Built and deployed a fully functional, donation-enabled art museum within the hackathon timeframe
  • Integrated serverless backend logic using Supabase Edge Functions
  • Created a cohesive visual and narrative identity for the Museum of Jaxsen

What I Learned

During this project, I learned how to work with Stripe’s API to enable seamless donation processing, how to navigate the Bolt.new platform to rapidly prototype and deploy ideas, and how to develop functional, polished websites using low-code AI tools.

What's Next

  • Add artist commentary
  • Enable community-submitted artwork to reflect Jaxsenville’s growth
  • Expand donation options and analytics for supporters

Try It Out

Explore the museum at jxsn.xyz and support the creative journey.
View the Bolt.new project at https://bolt.new/~/sb1-pdtf3jop.
Check out the source code on GitHub

Built With

Share this project:

Updates