In-App Fuel-Data WebView Service for an Automotive Brand
Overview
A server-rendered WebView application, designed to be embedded inside an automotive brand’s mobile app, presenting fuel-related data per vehicle model. Built on AdonisJS (a full Node.js MVC framework) and packaged for container deployment behind Nginx.
Why It Exists
Native apps often delegate content-heavy or frequently-updated screens to embedded WebViews. This service provides such a screen, fuel/vehicle data driven by a model catalog, that the host app can render without shipping app updates.
What We Built
An AdonisJS application with the framework’s standard structure: app/ (controllers, models, middleware), config/, database/ (migrations/seeds via Lucid ORM), resources/ views, public/ assets, and start/ route/kernel bootstrapping. A CarsCodes.json catalog drives per-model lookups, and axios handles outbound requests. The front end uses Bootstrap. Deployment is containerized, Dockerfile, docker-compose.yml, and an nginx/ config, with .env.production for environment configuration and the AdonisJS ace CLI for tasks.
Technologies & Approach
AdonisJS provides a batteries-included Node MVC stack (auth, Lucid ORM, sessions, CORS, shield) well suited to a small server-rendered service; Bootstrap keeps the embedded views clean; Docker + Nginx make it a portable, production-style deployment.
Outcome / Impact
Delivered a deployable, containerized WebView backend serving model-keyed fuel data into a host mobile app, a demonstration of embedded-WebView delivery and full-stack Node MVC work.
Capabilities Demonstrated
- Server-rendered WebView built for in-app embedding
- Full Node.js MVC backend with AdonisJS and Lucid ORM
- Catalog-driven (per-model) data lookups
- Containerized deployment with Docker, docker-compose, and Nginx