SoliMax

The interface changes depending on whether a wallet is connected, what project the user is viewing and the current application state. Those transitions needed to be clear rather than leaving users to infer what had changed.

Launch information can also become dense quickly, so the interface needed to expose the important actions without overwhelming the rest of the product information.

I structured the frontend around reusable project and launch patterns, with shared state kept separate from components responsible mainly for presentation.

This made wallet and application-level state easier to reason about while allowing individual components to stay focused on the UI they own.

The frontend is built with Next.js and TypeScript, with Redux managing state shared across product flows.

RainbowKit provides the wallet connection layer and its related connection states. I mapped those states into the surrounding interface so wallet connectivity feels like part of the product rather than a separate widget.

Tailwind CSS handles the responsive interface system, while AOS is used selectively for scroll-based motion.

The result is a responsive launchpad where project information, shared application state and wallet connectivity work together within one interface.

The frontend structure keeps wallet-specific behaviour from leaking into every component, making the different product states easier to maintain.