Mobile Apps

Twork - Find Laptop-Friendly Cafés

A mobile app that helps you find the best laptop-friendly cafés near you. Built with Flutter, Laravel backend, and WordPress landing page.

Flutter Laravel WordPress Mobile Full Stack
Twork - Find Laptop-Friendly Cafés

Twork is a mobile app that helps remote workers and digital nomads find the perfect cafés for working. The app displays laptop-friendly cafés nearby and provides detailed information about WiFi, power outlets, noise levels, and more.

The project consists of three main components: a cross-platform mobile app developed with Flutter, a robust Laravel backend with admin panel, and a WordPress landing page for marketing and SEO.

Features

For Users

  • Location-Based Search: Find laptop-friendly cafés in your immediate vicinity
  • Detailed Café Information: WiFi quality, power outlet availability, noise levels, opening hours
  • User Reviews & Ratings: Authentic reviews from the community
  • Favorites List: Save and organize your favorite cafés
  • Smart Filters: Search by specific criteria like WiFi speed, number of power outlets, etc.
  • Multi-Language Support: Use the app in your preferred language

For Café Owners

  • Presence in the app with detailed profiles
  • Community feedback through reviews

Technical Details

Mobile App (Flutter)

The iOS and Android app was developed with Flutter to ensure a unified codebase for both platforms.

State Management with BLoC

  • Clean separation of business logic and UI
  • Testable and maintainable architecture
  • Reactive data management for smooth user experience

Navigation with auto_router

  • Type-safe routing for error-free navigation
  • Deep linking support
  • Organized route structure

Dependency Injection

  • Modular code structure
  • Easy testing through loose coupling
  • Reusable services and repositories

User Interface

  • Consistent light mode design
  • Native performance on both platforms
  • Responsive layouts for different screen sizes

Backend (Laravel)

The backend forms the core of the application and manages all data and business logic.

Laravel Nova Admin Panel

  • Intuitive content management for café data
  • Management of user reviews and ratings
  • Monitoring and analytics

Database Architecture

  • MySQL: Relational database for structured data
    • Café information and attributes
    • User data and authentication
    • Reviews and ratings
    • Favorites lists

Performance Optimization

  • Redis Caching: Fast queries through intelligent caching
    • Location-based search results
    • Frequently accessed café data
    • API response caching

Hosting & Infrastructure

  • Hetzner Server: Reliable and performant hosting
  • Optimized server configuration for Laravel
  • Secure data storage in Germany

Automation with n8n

  • Workflow automations for recurring tasks
  • Data synchronization between systems
  • Notifications and alerts
  • Content publishing workflows

Landing Page (WordPress)

The WordPress website serves as a marketing hub and SEO platform for organic reach.

Custom Plugin for Café Synchronization

  • Automatic import of café data from the Laravel backend
  • Generation of SEO-optimized landing pages for individual cafés
  • Content-driven marketing strategy
  • Local SEO for better discoverability

Marketing & Content

  • App download pages with calls-to-action
  • Blog for remote work tips and café guides
  • City-specific landing pages
  • SEO optimization for organic traffic

Project Architecture

The three components work together seamlessly:

  1. Mobile App (Flutter) communicates with the Laravel backend via REST API
  2. Laravel Backend manages all data in MySQL with Redis caching
  3. WordPress Landing Page synchronizes café data via custom plugin for SEO
  4. n8n orchestrates automations between all systems

This architecture enables:

  • Scalability for growing user numbers
  • Independent development and deployment of components
  • Flexibility for future expansions
  • Optimal performance through targeted caching

Development Highlights

Clean Code & Best Practices

  • BLoC pattern for structured state management
  • Dependency injection for modular architecture
  • RESTful API design
  • Responsive and intuitive user interface

Multi-Language Support

  • Internationalization considered from the start
  • Easy extension with new languages
  • Localized content for better user experience

Content Marketing Integration

  • Automatic synchronization between backend and WordPress
  • SEO-optimized café pages for organic traffic
  • Content workflows automated with n8n
Back to Portfolio