VideoConnect
Made with RNBlocks StudioTap the blue Open with Expo Go button to preview on your device.
What this app does
VideoConnect is a mobile video calling platform that puts your contacts and call history front and center. Instead of hunting through a separate dialer or messaging app, you launch VideoConnect and immediately see who's online, who you've called recently, and how to reach them. The core job is simple: initiate a video call with one tap, manage your contacts, review past conversations, and adjust your availability settings—all without friction.
Screens and user flow
When you open the app, the HomeScreen greets you with your most-used contacts and a summary of recent calls. A prominent button invites you to start a new call, making it the natural entry point every time you open the app.
From there, the app branches into four key areas. The ContactsScreen holds your full contact list with online status indicators at a glance. Search by name, and tap any contact to jump straight into a call. If you'd rather see where you've been, the HistoryScreen displays every call you've made or received in reverse chronological order—duration, contact name, and timestamp all visible. Each entry has a one-tap callback button, so returning a call is instantaneous.
When you're actively on a call, the CallScreen takes over your entire screen with camera, microphone, speaker, and end-call controls positioned for thumb-friendly access. The controls are always within reach, and the dark interface keeps the focus on the person you're talking to.
Finally, the ProfileScreen lets you manage your identity and permissions. Update your display name, swap your avatar, toggle notifications on or off, and grant or revoke camera and microphone access. All of these settings persist across sessions, so you only configure them once.
Navigation flows naturally: HomeScreen leads to ContactsScreen or directly into a call. HistoryScreen and ProfileScreen are accessible via tabs at the bottom, creating a familiar hub-and-spoke pattern where you can move between sections without retracing your steps.
Who it's for
Startup founders and product managers can use VideoConnect to validate core video-calling interactions and test whether a tab-based navigation model feels intuitive to users during user testing sessions. Designers can present this exact interaction pattern to stakeholders or reference the dark color palette and control layout when pitching their own calling app designs. Developers building a new communication product can remix the screen architecture and React Native code rather than starting from scratch—shaving weeks off early prototyping. Agencies can drop this into client pitches as a working example of what a production-ready calling app feels like on mobile.
Built with RNBlocks
A single text prompt generated all screens complete with a tab navigator, nested stack flows, dark theme, and teal accents—no design tool required. Tap through the live prototype to see the full user journey, then remix the code or export the React Native source to bootstrap your own project.