I Built a Delhi Metro Route Planner In React with GSAP
Pratik Sharma has developed a free Delhi Metro route planner using React and GSAP. The app allows users to select source and destination stations to view route details, including fare and travel time. To enhance searchability, Sharma implemented programmatic SEO pages for every station-to-station combination, generating a total of 57,840 route pages.
- ▪The Delhi Metro route planner is an interactive React application.
- ▪Users can view estimated fares, stop counts, travel times, and interchanges.
- ▪The app now features SEO-friendly URLs for each route, improving search visibility.
Opening excerpt (first ~120 words) tap to expand
try { if(localStorage) { let currentUser = localStorage.getItem('current_user'); if (currentUser) { currentUser = JSON.parse(currentUser); if (currentUser.id === 308519) { document.getElementById('article-show-container').classList.add('current-user-is-article-author'); } } } } catch (e) { console.error(e); } Pratik sharma Posted on May 28 I Built a Delhi Metro Route Planner In React with GSAP #fullstack #developer #webdev #ai I recently built a free Delhi Metro route planner: https://metro.coolhead.in/ The first version worked well as an interactive React app. You could pick a source station, pick a destination station, and see the route, estimated fare, stop count, travel time, interchanges, and line-color guidance on the metro map. But there was a problem.
…
Excerpt limited to ~120 words for fair-use compliance. The full article is at DEV.to (Top).
Discussion
0 commentsMore from DEV.to (Top)
