Jalan Sehat

OVERVIEW

Jalan Sehat is a web-based Geographic Information System (GIS) designed to monitor and visualize the condition of road infrastructure. This platform serves as a utility solution to bridge the gap between the community and local authorities, providing real-time data on road damage levels to facilitate safer mobility and efficient maintenance planning.

home page
maps page

YEAR

2024

ROLE

Backend Developer
Capstone Team Member

Stack

Geographic Information System (GIS) Development
Fullstack Web Development (React.js & Next.js)
Database Architecture (Supabase)
UI/UX Implementation


About the project

The Jalan Sehat project was initiated to address the critical issue of road deterioration, which hampers economic and social activities. The platform empowers users to report damaged roads and view distinct damage levels through an interactive map. Built using React.js, Next.js, and Leaflet, the application features route optimization to help users avoid hazardous areas. It also functions as a monitoring dashboard for the government to streamline infrastructure repairs. The development followed a structured lifecycle including planning, scope analysis, and rigorous implementation of RESTful APIs and dynamic database integration via Supabase.

Image of multiple pixelated flat icons
The word "H23" pixelated
Smooth Scroll
This will hide itself!

Jalan Sehat

OVERVIEW

Jalan Sehat is a web-based Geographic Information System (GIS) designed to monitor and visualize the condition of road infrastructure. This platform serves as a utility solution to bridge the gap between the community and local authorities, providing real-time data on road damage levels to facilitate safer mobility and efficient maintenance planning.

home page
maps page

YEAR

2024

ROLE

Backend Developer
Capstone Team Member

Stack

Geographic Information System (GIS) Development
Fullstack Web Development (React.js & Next.js)
Database Architecture (Supabase)
UI/UX Implementation


About the project

The Jalan Sehat project was initiated to address the critical issue of road deterioration, which hampers economic and social activities. The platform empowers users to report damaged roads and view distinct damage levels through an interactive map. Built using React.js, Next.js, and Leaflet, the application features route optimization to help users avoid hazardous areas. It also functions as a monitoring dashboard for the government to streamline infrastructure repairs. The development followed a structured lifecycle including planning, scope analysis, and rigorous implementation of RESTful APIs and dynamic database integration via Supabase.

Image of multiple pixelated flat icons
The word "H23" pixelated
Smooth Scroll
This will hide itself!

Jalan Sehat

OVERVIEW

Jalan Sehat is a web-based Geographic Information System (GIS) designed to monitor and visualize the condition of road infrastructure. This platform serves as a utility solution to bridge the gap between the community and local authorities, providing real-time data on road damage levels to facilitate safer mobility and efficient maintenance planning.

home page
maps page

YEAR

2024

ROLE

Backend Developer
Capstone Team Member

Stack

Geographic Information System (GIS) Development
Fullstack Web Development (React.js & Next.js)
Database Architecture (Supabase)
UI/UX Implementation


About the project

The Jalan Sehat project was initiated to address the critical issue of road deterioration, which hampers economic and social activities. The platform empowers users to report damaged roads and view distinct damage levels through an interactive map. Built using React.js, Next.js, and Leaflet, the application features route optimization to help users avoid hazardous areas. It also functions as a monitoring dashboard for the government to streamline infrastructure repairs. The development followed a structured lifecycle including planning, scope analysis, and rigorous implementation of RESTful APIs and dynamic database integration via Supabase.

Image of multiple pixelated flat icons
The word "H23" pixelated
Smooth Scroll
This will hide itself!

Create a free website with Framer, the website builder loved by startups, designers and agencies.