MADE FOR THE ROAD AHEAD

One codebase.
Web and mobile.

Traffic-, weather- and AI-aware navigation for Malaysian riders. One familiar experience, wherever you open it.

Launch Web App Download APK

Android 1.9-hybrid 9.37 MiB Available now

Learn how it works

Hybrid appPeninsular MalaysiaFinal Year Project

03.1390° N 101.6869° E

See the weather.Before you ride into it.

9:41▮▮▮ ▰

RouteOnePREVIEW

KUALA LUMPURPetaling JayaE23

Rain nearby

24 min12.8 km · Traffic-aware routeBEST ROUTE

Smart Stop nearbyTake a break along your route+

Start navigation ↗

Same code.Two ways to go.

A look inside RouteOne · illustrative preview

BUILT FOR MALAYSIAN JOURNEYS

Four ways to travel. One clearer picture of the road.

MotorcycleCarBikeWalk

01 / THE EVERYDAY RIDE

The shortest route isn’t
the whole story.

A clear sky can change. So can the road ahead. Riders need a little more context before setting off.

Rain changes the ride.

Sudden downpours, storms and slippery roads can turn a simple journey into a difficult one.

Traffic changes the plan.

A shorter route can take longer. See alternatives with live traffic, toll and highway preferences.

Small warnings matter.

A road hazard or a timely break can make a difference. Bring those details into the same view.

02 / YOUR RIDE, CONNECTED

More context.
Better decisions.

Plan with the traffic. Watch the weather.
Find a useful stop. Then get moving.

Routes that account for traffic

Compare traffic-aware alternatives and choose whether to avoid tolls or highways.

PLAN YOUR WAY

Weather along the way

See MET Malaysia forecasts, rain areas and storm alerts alongside RainViewer radar.

KEEP AN EYE ON THE SKY

Smart Stops, less detour

Find useful places ranked by traffic, trip progress and weather. Add a stop while keeping your destination.

A BREAK THAT FITS YOUR RIDE

A little help from AI

Gemini route analysis brings together conditions and safety recommendations before you navigate.

CONTEXT, MADE CLEARER

A heads-up from the community

See reported road issues and share a hazard using the report button when safely stopped.

LOOK OUT FOR EACH OTHER

Your journey at a glance

Follow ETA, time left, distance and speed. Recenter the map whenever you need your bearings.

STAY ORIENTED

MAP GUIDE

Know what you’re looking at.

A quick guide to RouteOne’s markers, colours and alerts, before you open the app.

All 45 guide items

Your current location
The blue dot shows your current device location. Its pale pulse highlights the marker.
After location access is allowed
Location accuracy circle
The wider translucent circle estimates how precise the GPS fix is. A larger circle means more uncertainty.
Separate from the marker’s decorative pulse
Starting Point
The green circle with a white centre marks where your planned route begins.
Destination
The red pin marks where your route ends.
📍
Suggested Smart Stop
A blue teardrop pin marks a recommended place. Open it to see the place and add a stop.
Place symbols depend on the recommendation
Place symbols
- Fuel
- Rest stop
- Truck stop
- Café or coffee shop
- Restaurant
- Shopping mall
- Hospital
- Hotel or lodging
- Tourist attraction
Added trip stop
An amber circular marker identifies the stop added to your journey. Its symbol follows the place type.
The umbrella is the fallback symbol
Route choices
The first route is blue; alternatives are green and amber. Your selected route is thicker and brighter, while the others fade.
Route colours are separate from traffic colours
Navigation arrow
The blue arrow replaces the GPS dot during navigation and turns with your direction of travel.
During turn-by-turn navigation
↑
Turn directions
The banner shows your next direction and street. The smaller line previews the following turn.
Shown when navigating
Direction symbols
- Depart, continue or enter a highway
- Turn left
- Turn right
- Keep left or take a left exit
- Keep right or take an exit
- Sharp left
- Sharp right
- Left U-turn
- Right U-turn
- Left roundabout
- Right or through roundabout
- Arrival
Normal traffic
A green segment is classified as normal traffic by Google. It is not a guarantee of an empty road.
Google traffic at route calculation
Slow traffic
A yellow segment means slower traffic. The amber down-arrow pin marks that section.
Google traffic at route calculation
Traffic jam
A red segment means heavy congestion. The red circle with an exclamation mark belongs to traffic, not weather.
Google traffic at route calculation
Rain forecast area
A green-ringed rain cloud means rain appears in the district’s daily forecast.
Forecast wording, not measured rain intensity
Thunderstorm forecast
An amber-ringed storm cloud means a thunderstorm appears in the district’s daily forecast.
No widespread or most-areas wording is present
Widespread storm forecast
A red-ringed storm cloud means storm and widespread or most-areas wording occur in that day’s forecasts.
These rings are not rainfall-rate thresholds
MET weather warning
The red ring with a warning triangle marks an active MET Malaysia warning with a recognised location.
Different from the traffic exclamation-mark pin
Rain radar overlay
RainViewer adds recent radar scans to the map. These scans are separate from the forecast for your arrival.
Scan availability depends on RainViewer
Radar playback and timeline
Play animates recent scans. Open Timeline to move through the available frames and read the scan time.
Past radar frames, not a future rain animation
Along your selected route
Each district shows a distance range, arrival window in MYT and forecast. Green is low concern, amber is moderate or missing data, and red is high concern.
Red can mean a storm, flood or active warning; it does not mean rain alone
Forecast symbols
The forecast text gives the condition; its symbol is a quick visual cue.
Read the condition text as well as the icon
ThunderstormRainSunny or no rainLow-concern summaryHazeCloud or overcastOther forecast wording
Forecast unavailable
The question mark means no matching forecast is available. Missing data does not mean clear weather.
Weather at your ETA
The destination weather notice describes conditions expected around arrival. The same icon remains beside the bottom ETA if you close the notice.
During navigation, after a weather briefing
Rain ahead notice
A rain notice can come from MET forecasts, a MET warning or recent radar. It offers access to Smart Stops when you need shelter.
Read the source shown in the notice
Community map pin
A yellow circular badge with a pointed tail marks a rider report. The symbol identifies its report detail.
Community pins are separate from Google traffic and MET warnings
🚗
Traffic
Other riders report traffic, heavy traffic or a standstill.
User-submitted information; check conditions yourself
Report details
- Traffic
- Heavy
- Standstill
👮
Police
Other riders report police presence or a speed camera. Always follow the law.
User-submitted information; check conditions yourself
Report details
- Police
- Speed camera
- Hidden
- Other side
⚠️
Hazard
Other riders report a hazard, obstruction or damaged road equipment.
User-submitted information; check conditions yourself
Report details
- Hazard
- Construction
- Car on shoulder
- Broken traffic light
- Pothole
- Object on road
🌧️
Bad weather
Other riders report heavy rain, fog, flooding or a storm.
User-submitted information; check conditions yourself
Report details
- Heavy rain
- Fog
- Flood
- Storm
🚧
Closure
Other riders report a closed road or lane.
User-submitted information; check conditions yourself
Report details
- Road closed
- Lane closed
💥
Crash
Other riders report a collision and its reported type.
User-submitted information; check conditions yourself
Report details
- Minor
- Major
- With object
Issues on this route
The road-shaped control opens Google congestion and recent community reports for your selected route.
Traffic is from route calculation; road issues are community reports
Weather and radar
The cloud turns the MET weather overlay and RainViewer radar on or off. Blue means on.
Fit routes in view
The diagonal arrows bring the route choices into view. This is not a fullscreen button.
Locate and Follow Me
Find your location and switch map following on or off. During navigation, this control re-centres the map.
Blue means Follow Me is on
Where to?
Open the route planner to choose a Starting Point and destination.
Find Best Routes
Compare routes using the origin, destination and travel options you chose.
Planning a route does not itself start navigation
Bottom-sheet options
Use the sheet handle or Options to expand the planner and review trip settings.
Report an incident
The yellow Report button opens “What do you see?”. Submit reports only when safely stopped.
Stop navigation
The square ends the current turn-by-turn guidance.
Loading
A spinner means work is still in progress. The result can update the same notification.
Example: Loading weather & radar
Success
A green check confirms that an action completed.
Example: Location found
Information
A blue information symbol gives context about the app or your device.
Example: Approximate location
Warning
An amber triangle asks you to check something before continuing.
Example: Choose a Starting Point and destination
Error
A red crossed circle means an action failed or a service is unavailable.
Example: Weather unavailable
Google base-map labels
Place icons and labels, including food, lodging, universities and bus stops, come from Google Maps. They are not RouteOne report or Smart Stop markers.
Base-map labels can change with map zoom

Reading the weather: map rings classify daily forecast wording at district reference points, not measured rainfall intensity. The route timeline uses its own concern levels. Missing data is not a clear-weather signal.

Community reports: reports come from other riders and may be inaccurate or outdated. Configured visibility windows are 1 hour for traffic and police, and 2 hours for other categories. A confirmation can reset the window; reports can close sooner. Check when a report was last confirmed, and submit only when safely stopped.

Traffic from Google · Weather from MET Malaysia · Radar from RainViewer · Reports from the RouteOne community. Availability and freshness depend on each source.

Ride safely: reports and forecasts are guidance only. Always follow road signs, conditions and the law, and do not use your phone while riding.

03 / ONE BUILD. TWO WAYS IN.

“Hybrid” sounds technical.
It’s actually pretty simple.

RouteOne is built with HTML, CSS and JavaScript. Your browser runs that code directly. The Android app runs the same code inside a WebView — a browser built into an installable app.

THE SHARED FOUNDATION

One codebase

HTMLCSSJavaScript

Browser web app

Open a link. Start exploring.

No installation

Android APK

The same experience, in a WebView.

Install on your phone

The web version is the proof: you’re using the same app code.

Same code, two ways to run it
What to expect	Browser	Android APK
Installation	Open the link	Download and install once
Updates	Latest version on reload	Install new APK releases*
GPS	Browser location permission	Android / WebView location permission
Offline shell	Not guaranteed	Depends on APK packaging*
Performance	Depends on browser and device	Depends on WebView and device
Best for	Trying it on any device	Keeping it on your Android phone

*APK updates and offline availability depend on the installed release. Live maps, routes, weather and AI need internet in both versions.

04 / FROM A TO B, WITH CONTEXT

A better-informed ride
in four steps.

01
Set your journey
Enter your origin and destination. Choose motorcycle, car, bike or walking.
02
Compare your routes
Check live traffic and adjust your toll and highway preferences.
03
Look along the way
Review weather and radar. Add a useful Smart Stop if you need one.
04
Get context. Then go.
Read the AI safety analysis, start navigation and follow your live journey details.

05 / UNDER THE HOOD

Built with familiar tools.
Connected to useful data.

HTML / CSS / JavaScriptAndroid Studio · WebViewGoogle · Traffic-aware routing & PlacesMET MalaysiaRainViewerGoogle GeminiSupabase / PostgreSQL

Developed using Rapid Application Development (RAD): prototype, test, refine and repeat.

06 / YOUR NEXT TURN

One RouteOne.
Choose your way in.

Start in your browser or take the Android app with you.

NO INSTALL NEEDED

Use in your browser

The same code as the Android app, ready in a tab. A simple way to see RouteOne for yourself.

Launch Web App

Allow location access when asked to use GPS navigation.

YOUR ANDROID COMPANION

Install on Android

Keep RouteOne on your phone with an installable APK that runs the same web code in a WebView.

Download APK

Build 10 · Startup GPS, weather and notification updates · Android 7.0 or newer.

Version: 1.9-hybrid
File size: 9.37 MiB
Updated: 2026-11-05

SHA-256 checksum

How to install

Download the APK to your Android phone.
Open the downloaded file.
If asked, allow “install from this source” for your browser or file manager.
Open RouteOne and allow location access.

This student project is distributed outside the Play Store. Android will show an unknown-source warning. Install only from the official RouteOne page.

A FEW MORE THINGS

Before you set off.

Is RouteOne free?

RouteOne is a student final-year project available to try without a purchase. Your usual mobile data charges may apply.

Why an APK instead of the Play Store?

The Android build is shared directly for this student project. An APK lets you install it without a Play Store listing. You can also try the browser version without installing anything.

Is it safe to install?

Only download from this official page. Compare the file’s SHA-256 with the published checksum when available. Android’s unknown-source warning is expected for direct APK downloads; it does not certify or disprove an app’s safety. Review permissions before installing.

Does it work on iPhone?

Use the browser version on iPhone or iPad and allow location access when needed. The APK only installs on Android. There is no iOS app offered here.

Why Peninsular Malaysia only?

This project focuses its route planning, weather context and testing on Peninsular Malaysia. Sabah, Sarawak and international journeys are outside its current scope.

Which data sources does it use?

Google supplies traffic-aware routing, maps and Places. Weather comes from MET Malaysia and radar from RainViewer. Gemini provides AI analysis. Community reports use Supabase / PostgreSQL. Availability and freshness depend on each source.

How is the web app different from the APK?

The HTML, CSS and JavaScript are shared. The web app runs in your browser; the Android APK wraps them in a WebView. Installation, permission prompts and updates differ. Both need internet for live services.

What do the icons and colours mean?

The map guide explains RouteOne’s route colours, weather symbols, community pins and notifications. Open the map legend.

One codebase.Web and mobile.

The shortest route isn’tthe whole story.

Rain changes the ride.

Traffic changes the plan.

Small warnings matter.

More context.Better decisions.

Routes that account for traffic

Weather along the way

Smart Stops, less detour

A little help from AI

A heads-up from the community

Your journey at a glance

Know what you’re looking at.

Your current location

Location accuracy circle

Starting Point

Destination

Suggested Smart Stop

Added trip stop

Route choices

Navigation arrow

Turn directions

Normal traffic

Slow traffic

Traffic jam

Rain forecast area

Thunderstorm forecast

Widespread storm forecast

MET weather warning

Rain radar overlay

Radar playback and timeline

Along your selected route

Forecast symbols

Forecast unavailable

Weather at your ETA

Rain ahead notice

Community map pin

Traffic

Police

Hazard

Bad weather

Closure

Crash

Issues on this route

Weather and radar

Fit routes in view

Locate and Follow Me

Where to?

Find Best Routes

Bottom-sheet options

Report an incident

Stop navigation

Loading

Success

Information

Warning

Error

Google base-map labels

“Hybrid” sounds technical.It’s actually pretty simple.

One codebase

Browser web app

Android APK

A better-informed ridein four steps.

Set your journey

Compare your routes

Look along the way

Get context. Then go.

Built with familiar tools.Connected to useful data.

One RouteOne.Choose your way in.