SunSpace NFT Market

The brief was a focused front-end delivery: turn an NFT project into a compact Telegram Mini App that people could open directly from the messenger. The scope covered three pages and a modal window, with TON Connect payments and integration with an existing backend.

I worked as the React front-end developer. The project was about making the collection understandable on a phone: introduce the NFT offering, show collectible tiers and let visitors move from browsing to a connected wallet without losing their place in the app.

The interface brings together a collection landing page, supporting information and a view of the user’s mints. Wallet connection remains visible near the top of the app, while the main actions sit close to the content they affect. A modal handles the focused part of the purchase journey instead of sending the user to another full page.

The important interface distinction is between browsing a collection and submitting a transaction. A connected wallet is a prerequisite for payment, not proof that a purchase has completed. This makes clear status feedback more useful than adding more screens.

React provided the application interface, with backend integration supplying the project data and transaction-related state. TON Connect covered the wallet-facing part of the flow. My contribution was the client implementation and its connection to those services.

The three-page scope kept the delivery compact. Shared navigation, repeated collection elements and a consistent action style allow the landing, information and ownership views to feel like one product inside Telegram.

AI-generated static artwork was used to match the project’s visual language. The smiling astronaut characters, collectible cards and warm gold accents connect the interface to the collection itself. The dark background gives those assets room while keeping controls easy to find.

The project screens retain the original artwork and interface design.

The recorded delivery window was three days. The resulting work covered the React screens, the modal, wallet payment integration and connection to the existing backend. This case demonstrates a bounded front-end implementation: a small Telegram storefront with the interaction depth needed to complete its core journey.