TuranBilgi Client Applications:
Website, Web App, Mobile App, Admin Panel
(March 2026 - Present)
The TuranBilgi frontend ecosystem consists of multiple client applications designed to provide a seamless user
experience across web and mobile platforms. These applications interact with the
TuranBilgi backend platform
to deliver real-time, secure, and reliable services. The TuranBilgi frontend or client applications form a cohesive
ecosystem that complements the backend platform. They provide secure, scalable, and maintainable access to services
for different types of users—administrators, end-users, and the general public—across web and mobile devices.
Web Applications:
Marketing & Informational Website
-
Built with Next.js
-
Focused on SEO and delivering information about TuranBilgi services
-
Offers a public-facing interface that explains platform capabilities
-
Server-side rendering ensures fast loading times and search engine visibility
User Client Application
-
React-based web application for end-users
-
Handles user authentication, token management, and session control
-
Offers intuitive UI for user interactions with TuranBilgi services
-
Includes automated handling of secure API communications with the backend
Admin Dashboard
-
Built as a React web application
-
Provides internal administrative tools and reporting interfaces
-
Role-based access ensures only authorized users can access sensitive functions
-
Integrates securely with the backend services for management and monitoring
Mobile Application:
TuranBilgi Mobile App
-
Developed using React Native, targeting both iOS and Android platforms
-
Provides mobile-first access to TuranBilgi services
-
Features secure authentication and offline-friendly functionalities
-
Shares core logic with web applications when possible, ensuring consistency across platforms
-
Designed for scalability and easy updates through over-the-air deployment
Design Principles:
The frontend applications were developed with the following key principles:
-
Modularity – Each frontend application (web and mobile) is developed as a self-contained module,
enabling independent updates, testing, and deployment.
-
Scalability – The architecture supports adding new features and client applications without major
refactoring.
-
Maintainability – Clear project structure, consistent coding standards, shared components, and
centralized configuration and type definitions across apps reduce duplication and improve long-term maintainability.
-
Security – Secure handling and transmission of authentication tokens to the backend, enabling
the platform to recognize user types, roles, and permissions.
-
Performance – Optimized rendering, lazy loading, and efficient API usage ensure fast, responsive
experiences on web and mobile.
-
Cross-platform consistency – Shared design patterns and UI components maintain a consistent user
experience across the website, React Native mobile app, and any other client applications.
-
Reliability – Centralized error handling and graceful fallback mechanisms ensure stable operation
under varying network conditions.
-
User Experience – Responsive, intuitive interfaces for both desktop and mobile users
-
Extensibility – APIs and services are designed to be easily consumed by new client apps, including
web, mobile, and potential future platforms.
Technology Stack:
-
Web: React, Next.js, Vite, TypeScript
-
Mobile: React Native, Expo / Native modules, TypeScript
-
State & Data Management: Shared services and API clients for consistent backend communication
-
Build & Deployment: Monorepo structure with TurboRepo and pnpm workspaces for dependency
management and builds