RentX

Sr. Front End Developer

Car rental platform with maps, recommendations, and multi-language support

2023•6 months
Next.jsTypeScriptRecoilLeafleti18nextTailwind CSSFirebase
frontend
R
rentx

RentX

Car rental platform with maps, recommendations, and multi-language support

Next.jsTypeScriptRecoilLeafleti18next
Explore →

Problem Solved

Localized a car rental experience for non-English markets with map-based discovery and personalized recommendations — making vehicle search feel native instead of a translated US-first product.

Overview

  • •Implemented pixel-perfect UI based on Figma designs
  • •Built recommendations and search filter module generating preference-based results
  • •Set up multi-language support using i18next
  • •Handled core application sections and authentication flow
  • •Implemented server-side rendering for enhanced performance
  • •Optimized components for maximum cross-device performance

Key Skills Demonstrated

Server-Side Rendering (Next.js)Internationalization (i18next)Recommendation Engine DesignMap Integration (Leaflet)Recoil State ManagementPixel-Perfect UI from FigmaOAuth Integration

Challenges

  • •Building recommendation engine based on user preferences
  • •Implementing interactive map integration
  • •Supporting multiple languages seamlessly
  • •Ensuring SSR performance optimization

Solutions

  • •Built intelligent filter and recommendation module
  • •Integrated Leaflet for interactive map functionality
  • •Implemented i18next for comprehensive multi-language support
  • •Used Next.js SSR techniques for optimal page load performance

Key Achievements

  • Improved Lighthouse performance score by leveraging SSR + Next.js Image
  • Shipped multi-language support across the entire booking flow with i18next
  • Built a preference-aware recommendation module that surfaced relevant rentals first
  • Integrated Leaflet for interactive vehicle pickup/drop-off map UX

Tech Stack

Frontend

Next.jsTypeScriptRecoilLeaflet Mapsi18nextTailwind CSS

Backend

FirebaseReact-OAuth

Deployment

Deployed with Next.js SSR on cloud platform with Firebase authentication

Third-Party Integrations

Leaflet Mapsi18nextFirebase AuthReact-OAuth