Day 1 of 5 Days of Deep Dives: QFront – A Gateway to the Qubic Network

On Day 1 of our deep dive series, covering five of the recent Qubic grant winners (excluding QEarn, already featured in a previous post), we explore QFront - a web frontend expected to be completed by the end of this year. 

Designed to be the go-to platform for interacting with the Qubic network, QFront will offer tools for wallet management, blockchain data tracking, decentralised applications, gaming integration, and seamless access to Qx (Qubic’s decentralised exchange). With support for Metamask Snaps, Quottery, and a focus on a seamless user experience, QFront will simplify interactions for both experienced users and newcomers.

QFront is being developed by Mubarak, a business manager, programmer, and AI researcher. Mubarak is actively involved in building blockchain solutions, with a particular focus on integrating technologies like artificial intelligence and decentralised systems. His work on QFront aims to make the Qubic network more accessible and user-friendly, providing tools that bridge the gap between traditional users and the growing Web3 ecosystem.

As the team prepares for launch, this deep dive covers the vision, development progress, features, and the scalability challenges the team is addressing, as they move toward public release.

The Vision Behind QFront

QFront is envisioned as a platform that allows users to easily interact with the Qubic network. This covers managing wallets, exploring blockchain data, participating in decentralised betting through Quottery, and accessing Qx for trading digital assets.

By offering features like JWT-based authentication and Metamask Snaps integration, users can securely manage their crypto assets without the friction often associated with Web3 technologies. QFront will bridge the gap between traditional web experiences and decentralised blockchain.

Current Development Progress

Frontend Development: Complete and User-Friendly

The frontend of QFront is fully developed, built with Typescript, SonnetJS, and shadcn components to provide a modern and flexible user interface.

One of QFront’s features is its touch-friendly interface, optimised for larger devices such as tablets. This design ensures that users can seamlessly interact with the platform on a variety of devices, offering a smooth experience for both desktop and mobile users.

The frontend is designed to reduce the complexities of blockchain interactions, making it easy for users to manage wallets, track transactions, and interact with dApps - even if they’re new to the crypto space.

Backend Development: Focus on Scalability and Data Extraction

While the frontend is complete, the backend is still in development. Powered by Bun Server and using a native SQLite3 database, the backend is being built to efficiently manage blockchain data and ensure the platform’s scalability.

A focus of the backend is real-time data extraction from the Qubic network, especially for token burn tracking and other metrics. The goal is to provide users with easy access to detailed blockchain insights, allowing them to track transactions, token burns, and smart contract activity.

Although the GitHub repository is currently private, a closed release is planned for the first week of October, with invites being sent to select individuals for testing. This phase will help gather valuable feedback on the platform’s performance and user experience before its full release.

End-of-Year Traffic Management Concerns

With QFront expected to attract significant traffic upon launch, traffic management is a central concern. The backend is being designed to handle high traffic volumes, and the team is implementing strategies like load balancing and real-time traffic monitoring to ensure a smooth experience for users even during peak usage periods.

The team is preparing for potential scenarios where the platform may receive unexpected spikes in traffic, particularly as QFront becomes the primary interface for interacting with the Qubic network.

Key Features and Use Cases of QFront

QFront is being developed with several core features and use cases in mind.

Wallet Management

QFront will offer a multi-wallet management system, allowing users to:

• Create and Import Wallets: Securely create new wallets or import existing ones.

• Track Balances and Transactions: View real-time balance updates and transaction histories.

• Share QR Code: Easily generate QR codes for wallet addresses, simplifying transactions for users.

Tick-chain Explorer

The platform will include a tick-chain explorer that provides real-time access to blockchain data, allowing users to:

• Explore Ticks and Transactions: Search for specific transactions, addresses, and ticks in real-time.

• Token Burn Tracking: Track token burns and other significant events on the Qubic network with real-time updates.

Asset Management

QFront will offer powerful asset management tools, giving users the ability to:

• Asset Creation and Issuance Wizard: Offers a tool for users to create and issue assets.

• Access Portfolio Overview: Users will have a detailed view of all their assets, including valuations and transaction histories.

• Integrate with Smart Contracts: For advanced users, QFront will integrate with smart contracts, allowing for complex asset management tasks.

Smart Contract Interaction

QFront is designed to simplify smart contract interaction. Users will be able to:

• Deploy Contracts Visually: A user-friendly interface will allow for the visual deployment of smart contracts, removing the need to write code.

• Interact with Contracts through Forms: Automatically generated forms from contract ABIs will enable easy interaction with smart contracts, simplifying complex functions.

• Monitor Contracts in Real-Time: Developers will be able to track contract states and monitor deployed contracts in real-time for testing and debugging.

AI Integration with Aigarth

In addition to smart contract capabilities, QFront will integrate with Aigarth, allowing users to manage and monitor AI tasks. This unique integration will give users a new way to submit and track AI-related tasks directly from QFront, further expanding the use cases of the platform beyond traditional blockchain interactions.

Metamask Snaps Integration

QFront is planning support for Metamask Snaps, which provides a secure and decentralised authentication method using JWT tokens. Currently, Metamask does not natively support the Qubic network, meaning users cannot directly manage Qubic assets or execute transactions on the Qubic network through Metamask.

However, QFront is being designed to integrate with Metamask Snaps, a feature that allows Metamask to interact with new blockchain networks beyond its default offerings. Once this support becomes available, users will be able to securely log in and manage their Qubic assets through Metamask, without the complexity of handling private keys or passwords manually.

This planned integration will simplify Qubic asset management by enabling secure, familiar access via Metamask once Qubic support is introduced, bringing additional security and ease of use to users.

Quottery Integration

QFront will also offer full integration with Quottery, the decentralised betting platform within the Qubic ecosystem. This integration will allow users to:

• Create and Manage Bets: A user-friendly interface simplifies the creation and management of bets.

• Track Real-Time Odds and Results: Users will be able to follow real-time odds and view live updates on bet outcomes.

• Access Historical Betting Data: Quottery users will have access to historical betting data, helping them make informed decisions based on past results and trends.

Qx Integration

One of the essential components of QFront is its integration with Qx, providing users with a fully-featured user interface (UI) for trading digital assets. Through QFront’s UI for Qx, users will be able to:

• View Real-Time Order Books and Trade History: Users can track live order books and access historical trade data, ensuring they stay informed about the market.

• Place Limit and Market Orders: QFront will allow users to place both limit and market orders, providing flexibility for asset trading on Qx.

• Track Portfolios: Users will have a comprehensive portfolio tracking dashboard, giving them insight into the performance of their assets and trades over time.

With Qx integrated into QFront, users will have seamless access to asset trading directly from the platform, making it easier to manage and trade Qubic assets alongside wallet and data management.

Qubic Quest Gaming Integration

One of the future use cases for QFront is its integration with Qubic Quest, a blockchain-based game being developed by the QFront team. As Qubic Quest evolves, QFront will serve as the platform for interacting with the game’s blockchain components on the Qubic network.

Long-Term Vision and Scalability

The long-term vision for QFront is to become the central hub for interacting with the Qubic network. The platform is designed to be accessible to a broad audience, including new-to-crypto users, by offering a simple and intuitive interface for managing assets, interacting with smart contracts, and engaging with dApps.

To accommodate the anticipated growth, the team is building a scalable backend that will efficiently handle high traffic volumes. Load balancing and real-time monitoring tools will help manage traffic spikes, ensuring a smooth and reliable user experience as QFront grows in popularity.

What’s Next?

QFront is moving towards full completion, and is due for launch by the end of this year. With features like wallet management, blockchain exploration, Metamask Snaps integration, and support for Quottery, Qubic Quest, and Qx, QFront will provide users with an easy-to-use platform for interacting with the Qubic network.

The development team is preparing for a closed beta in October 2024, allowing early users to test the platform before its full public release.

Join us tomorrow for Day 2 of our deep dive series, where we explore another innovative project being built on the Qubic ecosystem: Qubic Name Service (QNS).

What features of QFront are you most excited to see implemented? Join the conversation on Discord and Telegram and share your thoughts.

Disclaimer 

QFront is a community-driven initiative and operates independently of Qubic Core and the Steering Committee (SteCo). It reflects the efforts and ideas of the community.

Developer Grants Available

Do you have a project idea that could support the growth of the Qubic network? Qubic is actively seeking developers to help us grow our ecosystem. Read more about the Qubic Grants Program and how to apply for a grant. 

Please note: The Qubic Grants Program is not currently accepting applications. There will be an announcement when the next grant period opens.