Creating a Modern Mobile App in North East India: A Case Study

In today's digital age, developing a modern, efficient, and secure mobile application for stores may seem complex. This article shares a practical experience in creating a mobile application for a portfolio, developed with React Native Expo and Supabase, and currently in preparation for deployment on stores.

Objective of the Application

The objective was clear: To create a professional mobile application that showcases one's projects, skills, and services using a modern, scalable, and accessible stack, preparing it for publication on Android and iOS. This application serves as both a professional showcase and a proof of technical capabilities.

Choices in Technological Stack

For the technological stack, React Native + Expo was chosen for several reasons: Fast and cross-platform development, no need for complex native configuration at the outset, simplified builds for Android and iOS, and excellent integration with modern APIs. Expo allows focusing on the product, not the configuration.

Supabase as Backend

For the backend, Supabase was opted for: Integrated authentication, PostgreSQL database, REST API & real-time functionality, and simplicity in setup. Supabase facilitated handling data, user information, and future expansions (contacts, analytics, etc.).

Application Architecture

The application is structured around: Screens (Home, Projects, Details, Contact), fluid navigation with Expo Router, reusable components, and a clear separation between UI and business logic. This organization simplifies maintenance and evolution.

Authentication and Data

Even though the application is public, it includes: Supabase authentication (for admin use later), security rules and database, optimized queries. This ensures a solid foundation for future functionalities.

Design & User Experience

Special attention was given to: A simple, modern, and readable design, good visual hierarchy, light animations (Expo + Reanimated), and a fluid mobile experience. The objective was not to overburden but to highlight the content.

Performance and Optimization

Before publishing on the store, optimization efforts were made: Optimization of images, reduction of unnecessary JavaScript, navigation performance, and adherence to good practices. Expo was also tested on multiple devices to ensure stability.

Preparation for Stores (Android & iOS)

For the release: Configuration of icons and splash screens, management of permissions, creation of builds with EAS Build, preparation of descriptions and screenshots. Expo simplifies this process, even for a first publication.

What Was Learned

This project allowed consolidating skills in React Native, understanding a complete mobile workflow, working with a modern backend, and preparing an app for a production environment. It was a highly formative project, both technically and professionally.

Next Steps

Future steps include: Official publication on the stores, addition of new functionalities, analytics and user tracking, continuous improvement of the UX.

Conclusion

Creating a mobile application with React Native Expo and Supabase is currently a powerful, accessible, and professional solution. This project perfectly represents my vision: useful, well-thought-out, and ready-to-use applications for the real world.