Implement the initial onboarding screen and wallet selection screen for NFTopia mobile app

[Oluwaseyi89]

Description

Implement the initial onboarding screen and wallet selection screen for NFTopia mobile app, allowing users to choose between wallet-based authentication and email login.

Technical Context

• Mobile Framework: React Native with Expo
• Navigation: React Navigation
• Dependencies: AuthStore (Issue Implement Zustand store for managing authentication state across the mobile app #115)

Current State

• No auth screens implemented

Requirements

New/Modified Files:

nftopia-mobile-app/src/screens/auth/
├── OnboardingScreen.tsx          # NEW - Welcome screen
├── WalletSelectionScreen.tsx     # NEW - Create or import wallet
└── components/
    └── AuthButton.tsx            # NEW - Reusable button component

Screen Designs

---

Design Hint

---

OnboardingScreen:

• NFTopia logo
• Tagline: "Discover, Create & Trade NFTs on the Stellar Network"
• "Connect with Stellar Wallet" button
• "Continue with Email" button
• "Learn More" link for new users

WalletSelectionScreen:

• "Create New Wallet" option with description
• "Import Existing Wallet" option with description
• Back navigation to onboarding

Acceptance Criteria

• Onboarding screen renders correctly with both options
• Tapping "Connect with Stellar Wallet" navigates to WalletSelectionScreen
• Tapping "Continue with Email" navigates to email login screen
• Wallet selection screen shows both options with icons
• Navigation back button returns to onboarding
• Responsive layout on different screen sizes
• Basic animations for button interactions

Definition of Done

• PR with onboarding and wallet selection screens
• Navigation flow working
• Team review completed

Working Directory:

nftopia-mobile-app

[drips-wave]

This issue has been added to the Stellar Wave Program and is worth 200 Points.

🧑‍💻 Interested in contributing? Apply to work on this issue on Drips Wave, earn points, and receive rewards.

Warning

Only applications submitted via the apply link above will be considered. Please do not apply by commenting on the issue or opening a PR directly.

🤠 Repo maintainers: You can manage this issue's Points and Complexity on your Maintainer Dashboard here. Please keep an eye on applications and respond quickly 💙

ℹ️ Learn more about Drips Wave

[KevinMB0220]

@KevinMB0220 has applied to work on this issue as part of the Stellar Wave Program's 3rd wave.

Hi, I’m Kevin a full-stack and smart contract engineer building on Stellar. I specialize in designing and shipping scalable, secure systems end-to-end, from Soroban smart contracts to production-ready backend infrastructure and user-facing applications.

I’ve worked on complex architectures involving automated agents, cross-chain logic, and data indexing, focusing on reliability, performance, and clean standards. My approach is very product-driven: I don’t just build contracts, I build complete systems that solve real user problems and can scale in production.

I’m especially interested in infrastructure, security, and automation creating tools and frameworks that make it easier for other developers to build safely and efficiently on Stellar.

ℹ️ Repo Maintainers: To accept this application, review their application or assign @KevinMB0220 to this issue.

[drips-wave]

Congratulations, @KevinMB0220! 🎉 Your application was accepted by the repo's maintainers, and the issue is due on March 30, 2026.

🧑‍💻 @KevinMB0220: Please resolve the issue such that the repo's maintainers have enough time to review your contribution before the due date. You'll earn Points for completing the issue on-time, which will make you eligible for a share of the Stellar Wave Program's reward pool.

Warning

When opening a PR, please link it to this issue to ensure it gets tracked accurately. Points are awarded when this issue is marked as completed by the maintainer.

🤠 Repo maintainers: Please keep an eye on the contributor's progress and review their work before the due date. You can manage this issue, including adjusting its complexity and points, here.

🌊 Happy Wave 🌊