A full-stack mock trading tournament platform powered by the Solana blockchain. Devignity handled everything from Figma design to development using Next.js, TypeScript, Tailwind CSS, Shadcn UI, and React Three Fiber for an interactive 3D hero section.
Solatrix is a cutting-edge mock trading tournament platform powered by the Solana blockchain, developed entirely by Devignity — from initial Figma designs to production-ready deployment. The platform simulates real-time trading competitions with blockchain-backed transparency, intuitive user experience, and interactive visual design.
We began by crafting the complete UI/UX flow in Figma, mapping out all user journeys including onboarding, wallet authentication, tournament participation, live leaderboards, and result screens. Once approved by the client, the design was brought to life using Next.js with TypeScript, styled using Tailwind CSS, and enhanced with modular components via Shadcn UI.
To deliver an immersive first impression, we built an animated 3D hero section using React Three Fiber, @react-three/drei, and @react-three/stdlib. This included an infinite zooming starfield effect with orbital motion reactive to the user's mouse cursor, which provided a futuristic, space-themed aesthetic aligned with the platform’s brand identity.
On the blockchain side, Solatrix connects to the Solana network for secure wallet interactions and mock trading mechanics. Though real assets are not traded, the platform mimics authentic Solana workflows to train and engage users in a competitive environment.
Key features included:
The project was completed in under 12 weeks, with a strong focus on performance, visual appeal, and modularity. The client was thrilled with the results — especially the animated landing experience and overall design quality.
Designing and building a feature-rich, visually interactive mock trading platform with Solana blockchain integration and a 3D hero experience.
Used Figma for UI design, then developed the frontend with Next.js, TypeScript, Tailwind, and Shadcn. Built a dynamic 3D hero using React Three Fiber, Drei, and Stdlib. Integrated Solana wallet and tournament logic with MobX-based state management.
Successfully delivered a responsive, blockchain-integrated platform with immersive visuals. Client praised both the technical execution and 3D animation quality.
Let's discuss how we can create a custom solution tailored to your specific needs.
Get in TouchA dynamic mock trading tournament platform featuring weekly competitions, 3D visuals, and immersive UI. Designed and developed using modern web technologies including Next.js, TypeScript, and Three.js.
View DetailsContact us today to discuss your ideas and discover how we can help bring your vision to life.
Have a project in mind or want to learn more about our services? We'd love to hear from you.
