Sign in
A clean entry screen where returning users log in to their private messenger account.
Back to products
Portfolio Project
Encrypted Messenger App
A working private-messaging application demonstrating sign in, account creation, direct and group chats, encrypted-message UI, attachments, calls, add-friend QR flows, settings, subscriptions, a Node.js API, real-time events and a MySQL database.
A cross-platform React Native, Node.js, and MySQL portfolio project informed by first-hand Apple App Store review experience.
React NativeNode.jsMySQLTypeScript
Working app demonstration
Watch Encrypted Messenger in action
This full-quality screen recording demonstrates the real mobile interface and user journey, including account access, conversations, encrypted messaging and the application's privacy-focused controls.
Real mobile workflowEncrypted chat interfaceResponsive React Native UIPrivacy and account controls
Select the preview to watch the original-quality recording. The complete portrait video remains visible on every screen size, with playback, volume, seeking and full-screen controls.
Five app screens
Explore the Encrypted Messenger interface
Project screenshots show authentication, account creation, conversations, encrypted messaging, QR friend adding and privacy controls implemented in the application.
Create account
The first-time user screen for creating an account before using encrypted messages.
Chat list
A conversation inbox that shows contacts, recent messages, timestamps, and security status.
Encrypted chat
The main messaging screen with message bubbles, media buttons, call actions, and encryption labels.
QR and settings
A settings-style screen showing friend adding, privacy controls, and premium app options.
What this project demonstrates
- Complete Expo/React Native mobile source
- Express API with auth, messaging, calls, uploads, and payments
- MySQL schema and repeatable migration script
- Ready-to-edit environment configuration and setup documentation
- App assets, EAS configuration, and rebrand-ready project files
- One React Native codebase prepared for Apple App Store and Google Play build workflows
- Guidance informed by an encrypted messenger app that passed Apple App Review
- Environment-variable configuration for Google Mobile Ads (AdMob) on iOS and Android, with optional setup assistance
Best outcomes
- Demonstrate delivery of a substantial cross-platform mobile application
- Show integrated mobile, backend, real-time and database engineering
- Give prospective clients confidence in CodeKits' app-development capability
Created and supported by Jonathan
Built as a useful product and presented as portfolio work.
I designed and developed Encrypted Messenger myself, Jonathan, as a genuinely useful communication product. It demonstrates the work invested in the mobile application, custom backend API, real-time features, MySQL data model, encryption-related functionality and production release process. The project is shown as portfolio work and is not currently offered for purchase.
The product uses established technologies including React Native, Expo, Node.js, Express, Socket.IO, and MySQL. Its value comes from the custom application logic, API behaviour, database structure, screens, and workflows built within those technologies—not from claiming that no frameworks or third-party libraries were used.
Full-stack delivery
This project combines a compiled mobile application with a separately deployed API and MySQL database. Building a comparable production system requires dependency installation, environment configuration, database migrations, backend hosting, mobile signing, device testing and release preparation.
Deployment experience
The work demonstrates experience across macOS and Ubuntu workflows, including secure file transfer, dependency installation, MySQL setup, environment configuration, API deployment, Nginx, HTTPS, process management, updates and verification. Its iOS backend and local MySQL database can run alongside this Next.js and Magic UI website on one £6-per-month VPS from a UK provider; higher traffic, storage, resilience, or availability requirements may need a larger plan.
Designed for growth
The project demonstrates a system spanning a mobile client, custom API and database schema, including branding, features, user roles, subscriptions, API routes, data models and messaging workflows. New client work would be designed separately around the customer's requirements, testing, security and platform obligations.
This portfolio page shows selected product information only. Source code, credentials, production data and ownership rights are not offered for sale or public download.
Google advertising configuration
Prepared for environment-based Google Mobile Ads setup.
The messenger package uses environment-variable placeholders for Google Mobile Ads app and banner identifiers on iOS and Android. For mobile applications, this service is called Google AdMob; Google AdSense is primarily intended for website advertising.
I can help connect your own Google account, enter the correct app and ad-unit identifiers, configure test adverts, review consent flows, and prepare the advertising setup for release. Google account approval, ad serving, revenue, consent requirements, and App Store or Google Play acceptance remain subject to the relevant platform policies.
Cross-platform React Native
Created with first-hand Apple App Store experience.
The React Native and Expo project shares application code across iOS and Android, supported by a custom backend and MySQL database. This portfolio project demonstrates mobile signing, environment configuration, device testing and App Store submission work. CodeKits can scope an original customer application separately.
My own Encrypted Messenger app passed Apple's App Review and was accepted for App Store distribution. I also have experience integrating StoreKit for digital in-app purchases and Apple Pay for eligible goods and services. Every rebranded customer app still requires its own testing and store review.
Store developer accounts, signing credentials, privacy details and review approval are required. Apple and Google control final acceptance.
Apple App Store
iPhone and iPad
Google Play
Android phones and tablets
React Native and Node.js setup
Install the mobile app and deploy its API.
The Encrypted Messenger iOS app's Node.js API and local MySQL database can share the same £6-per-month UK VPS as this Next.js website. A tailored command sheet can cover the mobile app, backend, schema, PM2 process and Nginx routes.
- Install the mobile and backend dependencies
- Prepare the MySQL schema without showing passwords in commands
- Run the API continuously with PM2
- Share one right-sized VPS with the Next.js website
- Validate the Nginx reverse proxy before launch
Final command sheets are tailored to the project and hosting setup.
✓ Ubuntu packages updated✓ Expo development server ready✓ MySQL tables imported✓ Messenger API is ready behind NginxIncluded download files
Explore a selected view of the mobile, backend and database project structure. Sensitive configuration, credentials, uploaded media, generated caches and private production data are not displayed.
Need an original app for your business?
Encrypted Messenger is not for sale, but this project demonstrates the kind of mobile app, backend and database system I can build. Contact CodeKits for a separate project quote tailored to your requirements.
Request a custom app quoteBrowse all products