Skip to content

Screenshots

Florian DITTGEN edited this page Jun 1, 2026 · 2 revisions

Screenshots

Live screenshots of the Sparkilo app, French locale, against the live Prix Carburants (France) API. The UI is fully localised — these are the French strings; every other language renders the same screens.

The constant bottom bar is Favoris · Carte · [Recherche] · Carburant · Trajets, with the round green Search button raised in the centre notch. Settings lives in the top-right of each screen, not in the bar.

Note: some shots carry a phone status bar (notification chips). They're usable for documentation; clean recaptures with device frames are ideal for final store publishing.

If you want raw assets to embed elsewhere, every image below is in screenshots/ at original 1080×2316 resolution.


Find fuel & EV charging

Search results

Real-time prices, sortable by Distance / Price / A–Z / 24h, with the official open-data source named at the top. Each card shows price, a trend arrow, a star rating, amenity badges, distance and freshness.

Search results — nearby stations with prices, trend arrows, ratings and distance

Search criteria

Modal sheet for nearby vs along-route, fuel type, radius slider, open-now / highway, and amenity filters (Shop, Car Wash, Air, WC, …).

Search criteria modal — nearby vs along-route, fuel type, radius slider, amenity chips

Map view

Interactive map with green-to-red price pins, the route corridor with per-stop price labels, the All-stations / Best-stops toggle, an EV toggle and a share button. The corridor summary (distance · time · station count) sits at the bottom.

Map view — colour-coded price pins and route corridor with the cheap/expensive legend

Map (EV)

Same map, EV mode: charger filter chips (Type 2 / CCS / CHAdeMO) and connector availability. EV stations from the Open Charge Map integration.

Map view with EV charging stations — Type 2 / CCS / CHAdeMO filter chips

Station detail

Per-fuel pricing with last-update timestamp, full address, opening hours, and region badge. Star to favorite, bell to set a price alert.

Total station detail — Super E5 / E10 / Diesel / Super 98 prices, address, opening hours, region


Save & follow

Favorites

Saved stations with multi-fuel pricing and swipe-to-navigate / swipe-to-remove gestures.

Favorites tab — saved stations with per-fuel pricing

Price alerts (per-station + radius + stats)

A stats row (Active / Today / This week) tops the screen. Below it: per-station threshold alerts and a Radius alerts section that watches every station within a distance of a chosen point. Background check fires every 30–60 minutes.

List (per-station + radius) Create
Price alerts — a per-station Diesel alert plus a radius alert (Super E10 ≤ 2,100 € · 10 km), each with an on/off toggle Create price alert dialog — pick fuel type, set target threshold in EUR/L

Track your consumption (Medium + Full profiles)

The Consumption tab is hidden under the Basic profile. Pick Medium or Full in Settings → Use mode to surface it.

Empty state

Fuel + Trips tabs; empty state guides the user to the first fill-up.

Fuel consumption empty state with prominent Add fill-up CTA

Pick a station

Pre-fills brand, fuel type, and current price from the user's recent search results — no manual entry if you already searched the station.

Pick a station picker — auto-fills brand, fuel type, and price from the search history

Tank + stats

Live tank level and range (OBD2-measured when an adapter is paired), plus the consumption stats card: accuracy (±%), η_v with sample count, avg L/100 km, avg cost/km, total litres, total spent, fill-up count and the running corrections. Fill-up history below shows per-entry % deltas.

Fuel tab — tank level / range and the consumption stats card with accuracy, η_v, avg L/100 km, cost/km and totals


Track trips & carbon (Full profile)

Carbon dashboard

Total cost and total CO₂ up top, then consumption broken down by trip length (short / medium / long, with trend arrows) and by speed band (idle → motorway).

Carbon dashboard — total cost and CO₂, consumption by trip length and by speed band

Trips on map

Every recorded trip drawn on one map — the all-trips view.

All recorded trips drawn on a single map

Trip detail

A plain summary (date, vehicle, OBD2 adapter, distance, duration, avg consumption, fuel used, fuel cost, avg + max speed) over a GPS route coloured by efficiency (green = efficient, amber = borderline, red = wasteful).

Trip detail — summary card over an efficiency-coloured GPS route


Vehicle & OBD2 (Full profile)

The OBD2 stack is hidden under Basic + Medium. Pick Full in Settings → Use mode.

Vehicle catalog picker

30+ vehicle catalog (more landing every release) keyed by make / model / year / engine.

Vehicle catalog picker — searchable Peugeot / Renault list with engine + year + fuel

Service reminders + Auto-record

One-tap reminder presets (Oil 15k km, Tires 20k km, Inspection 30k km) plus per-vehicle hands-free auto-record with configurable start-speed and save-delay sliders.

Edit vehicle — Service reminder presets, Auto-record toggle with start-speed and save-delay sliders

OBD2 + baseline calibration

Pair an ELM327-compatible adapter and the app learns a per-driving-situation fuel baseline (Idle, Stop & go, Urban, Highway, Decelerating, Climbing-loaded — 30 samples each).

Edit vehicle — OBD2 adapter pairing block + 6-axis baseline calibration progress


Privacy first

GDPR consent

Per-purpose GDPR consent at first launch — granular and revocable any time from Settings → Your Privacy.

GDPR consent screen — per-purpose toggles for Location and Error Reporting

Privacy section in Settings

Five granular toggles for Location, Error Reporting, Cloud Sync, Community Wait Times, and VIN online decode.

Settings → Your Privacy — 5 granular consent toggles

Privacy Dashboard

One-glance summary of what's stored, who has it, and which API keys are in use.

Privacy Dashboard top — profile, API keys, cloud sync state, privacy summary

Export & delete

One-tap export of every stored row as JSON or CSV. One-tap delete-all.

Privacy Dashboard scrolled — Data on this device counts + JSON / CSV export + delete-all

Clone this wiki locally