Sena Ahmad Fathoni
Full-stack Developer
Back to Home

Case Study

ChargeFinder

ChargeFinder helps EV users find charging stations faster, verify details before arriving, and contribute updates when information is missing or outdated.

Goal

Build a clear, map-first product where users can discover available charging points, evaluate station quality using community feedback, and submit new station data in a structured format.

My Role

Full-stack ownership from product shaping to implementation: frontend architecture, map interaction UX, API design, data modeling, authentication, and deployment.

Delivered Outcomes

  • Interactive station map with geolocation and detail popups.
  • Submission flow for adding new charging stations with validation.
  • Community reviews and ratings to improve data quality.
  • Session-based authentication and protected write operations.

Architecture

  • Frontend: React + Vite SPA with Redux Toolkit state management.
  • Map layer: Leaflet with OpenStreetMap tiles and marker clustering.
  • Backend: Express REST API for stations, reviews, users, and auth.
  • Data: MongoDB for station and review records, Redis for sessions.

Tech Stack

ReactTypeScriptViteRedux ToolkitMaterial UILeaflet + OpenStreetMapNode.js + ExpressMongoDB (Mongoose)Redis Sessions

Screenshots

Map View

Desktop

ChargeFinder map view on desktop

Mobile

ChargeFinder map view on mobile

Station Details

Desktop

ChargeFinder station detail on desktop

Mobile

ChargeFinder station detail on mobile

User Profile

Desktop

ChargeFinder user profile on desktop

Mobile

ChargeFinder user profile on mobile

Admin Dashboard

Desktop

ChargeFinder admin dashboard on desktop

Mobile

ChargeFinder admin dashboard on mobile