<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom" xmlns:dc="http://purl.org/dc/elements/1.1/">
  <channel>
    <title>DEV Community: Drishti Tripathi</title>
    <description>The latest articles on DEV Community by Drishti Tripathi (@drishtitripathi2230).</description>
    <link>https://dev.to/drishtitripathi2230</link>
    <image>
      <url>https://media2.dev.to/dynamic/image/width=90,height=90,fit=cover,gravity=auto,format=auto/https:%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Fuser%2Fprofile_image%2F3951803%2F1e91efb4-4791-40fd-9259-9624c9b3e684.jpeg</url>
      <title>DEV Community: Drishti Tripathi</title>
      <link>https://dev.to/drishtitripathi2230</link>
    </image>
    <atom:link rel="self" type="application/rss+xml" href="https://dev.to/feed/drishtitripathi2230"/>
    <language>en</language>
    <item>
      <title>I Built India's Missing Local Transport App — Then Abandoned It for 5 Months</title>
      <dc:creator>Drishti Tripathi</dc:creator>
      <pubDate>Fri, 29 May 2026 10:01:38 +0000</pubDate>
      <link>https://dev.to/drishtitripathi2230/from-dead-prototype-to-full-stack-app-how-i-finally-shipped-autoconnect-1m4l</link>
      <guid>https://dev.to/drishtitripathi2230/from-dead-prototype-to-full-stack-app-how-i-finally-shipped-autoconnect-1m4l</guid>
      <description>&lt;p&gt;&lt;em&gt;This is a submission for the &lt;a href="https://dev.to/challenges/github-2026-05-21"&gt;GitHub Finish-Up-A-Thon Challenge&lt;/a&gt;&lt;/em&gt;&lt;/p&gt;

&lt;h2&gt;
  
  
  What I Built
&lt;/h2&gt;

&lt;p&gt;AutoConnect is India's inclusive local transport app — connecting &lt;br&gt;
passengers with auto rickshaws, e-rickshaws, cycle rickshaws, and &lt;br&gt;
single-engine bikes through a single mobile-first platform.&lt;/p&gt;

&lt;p&gt;I originally built AutoConnect in December 2025 as a personal project. &lt;br&gt;
I had a clear vision — a transport app built specifically for India's &lt;br&gt;
local vehicles that bigger apps ignore. I designed the full UI, built &lt;br&gt;
every screen, and made it look like a real app. But it was just screens. &lt;br&gt;
Every button was simulated. The README literally said "No backend &lt;br&gt;
integration." I ran out of time, lost momentum, and abandoned it.&lt;/p&gt;

&lt;p&gt;5 months later, this challenge made me finally finish what I started.&lt;/p&gt;

&lt;p&gt;AutoConnect now has a real Spring Boot backend, a live database, GPS &lt;br&gt;
location detection, real document upload, and a complete ride flow — &lt;br&gt;
passenger requests a ride, driver sees it in real time, accepts it, &lt;br&gt;
and the passenger gets confirmed. All deployed and live.&lt;/p&gt;

&lt;p&gt;This project means something to me personally — India's local transport &lt;br&gt;
ecosystem is fragmented and most apps ignore auto rickshaws and &lt;br&gt;
e-rickshaws completely. AutoConnect is built specifically for that gap, &lt;br&gt;
with an accessibility-first UI designed for users with low digital literacy.&lt;/p&gt;

&lt;h2&gt;
  
  
  Demo
&lt;/h2&gt;

&lt;p&gt;🔗 &lt;strong&gt;Live App:&lt;/strong&gt; &lt;a href="https://auto-connect-mobile-app.vercel.app" rel="noopener noreferrer"&gt;https://auto-connect-mobile-app.vercel.app&lt;/a&gt;&lt;br&gt;
🔗 &lt;strong&gt;Backend API:&lt;/strong&gt; &lt;a href="https://autoconnect-backend-production.up.railway.app" rel="noopener noreferrer"&gt;https://autoconnect-backend-production.up.railway.app&lt;/a&gt;&lt;br&gt;
🔗 &lt;strong&gt;Frontend Repo:&lt;/strong&gt; &lt;a href="https://github.com/DrishtiTripathi2230/AutoConnect-Mobile-App" rel="noopener noreferrer"&gt;https://github.com/DrishtiTripathi2230/AutoConnect-Mobile-App&lt;/a&gt;&lt;br&gt;
🔗 &lt;strong&gt;Backend Repo:&lt;/strong&gt; &lt;a href="https://github.com/DrishtiTripathi2230/AutoConnect-Backend" rel="noopener noreferrer"&gt;https://github.com/DrishtiTripathi2230/AutoConnect-Backend&lt;/a&gt;&lt;/p&gt;

&lt;h3&gt;
  
  
  How to test the full flow:
&lt;/h3&gt;

&lt;p&gt;&lt;strong&gt;As a Passenger:&lt;/strong&gt;&lt;/p&gt;

&lt;ol&gt;
&lt;li&gt;Open the live app → Select "I'm a Passenger"&lt;/li&gt;
&lt;li&gt;Sign up with your name and phone number&lt;/li&gt;
&lt;li&gt;Enter pickup location (or use GPS) and destination&lt;/li&gt;
&lt;li&gt;Click "Find Rides" — this creates a real ride in the database&lt;/li&gt;
&lt;/ol&gt;

&lt;p&gt;&lt;strong&gt;As a Driver (open in a different browser):&lt;/strong&gt;&lt;/p&gt;

&lt;ol&gt;
&lt;li&gt;Select "I'm a Driver" → Sign up with vehicle details&lt;/li&gt;
&lt;li&gt;Upload documents → Submit&lt;/li&gt;
&lt;li&gt;See the passenger's ride request appear on your dashboard&lt;/li&gt;
&lt;li&gt;Click Accept — passenger gets confirmed instantly&lt;/li&gt;
&lt;/ol&gt;

&lt;p&gt;&lt;a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2F9o491hy622tnpvupk29n.png" class="article-body-image-wrapper"&gt;&lt;img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2F9o491hy622tnpvupk29n.png" alt=" " width="800" height="450"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;&lt;a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Flf4qyc97us0ul9ur2sx9.png" class="article-body-image-wrapper"&gt;&lt;img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Flf4qyc97us0ul9ur2sx9.png" alt=" " width="800" height="448"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;h2&gt;
  
  
  The Comeback Story
&lt;/h2&gt;

&lt;h3&gt;
  
  
  Where it started
&lt;/h3&gt;

&lt;p&gt;In December 2025, I built AutoConnect as a personal project. I had a &lt;br&gt;
clear vision — a transport app built specifically for India's local &lt;br&gt;
vehicles. I spent days designing every screen, every flow, every color. &lt;br&gt;
The UI looked like a real app.&lt;/p&gt;

&lt;p&gt;But it was completely hollow.&lt;/p&gt;

&lt;p&gt;No backend. No database. No API calls. Every button navigated to a &lt;br&gt;
hardcoded screen. The README admitted it openly:&lt;/p&gt;

&lt;blockquote&gt;
&lt;p&gt;"Design Focus: UI/UX (No backend integration)"&lt;/p&gt;
&lt;/blockquote&gt;

&lt;p&gt;&lt;a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2F2qcm4uxe9lvgbo4kct3p.png" class="article-body-image-wrapper"&gt;&lt;img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2F2qcm4uxe9lvgbo4kct3p.png" alt=" " width="800" height="369"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;blockquote&gt;
&lt;p&gt;"This project is a UI/UX prototype intended for design demonstration"&lt;/p&gt;
&lt;/blockquote&gt;

&lt;p&gt;I ran out of momentum and abandoned it for 5 months.&lt;/p&gt;

&lt;p&gt;Here's the proof — every commit is from December 23, 2025:&lt;/p&gt;

&lt;p&gt;&lt;a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fy7ysxvr3d3dvemtuq0s4.png" class="article-body-image-wrapper"&gt;&lt;img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fy7ysxvr3d3dvemtuq0s4.png" alt=" " width="800" height="390"&gt;&lt;/a&gt;&lt;/p&gt;




&lt;h3&gt;
  
  
  What I changed
&lt;/h3&gt;

&lt;p&gt;When I saw the GitHub Finish-Up-A-Thon challenge, I knew immediately &lt;br&gt;
which project to revive.&lt;/p&gt;

&lt;p&gt;Here's everything I built in May 2026:&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;Backend (built from scratch):&lt;/strong&gt;&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;Spring Boot REST API with Driver and Ride endpoints&lt;/li&gt;
&lt;li&gt;H2 in-memory database with JPA entities&lt;/li&gt;
&lt;li&gt;Driver registration, availability, and ride matching&lt;/li&gt;
&lt;li&gt;Ride lifecycle — REQUESTED → ACCEPTED → COMPLETED&lt;/li&gt;
&lt;li&gt;Deployed on Railway&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;&lt;strong&gt;Frontend integration:&lt;/strong&gt;&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;Connected all UI screens to real backend APIs&lt;/li&gt;
&lt;li&gt;Real GPS location detection using browser Geolocation API&lt;/li&gt;
&lt;li&gt;Phone number validation (10 digits, numbers only)&lt;/li&gt;
&lt;li&gt;Name validation (letters only)&lt;/li&gt;
&lt;li&gt;Real file upload for driver documents&lt;/li&gt;
&lt;li&gt;Deployed on Vercel&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;&lt;strong&gt;The moment it became real:&lt;/strong&gt;&lt;/p&gt;

&lt;p&gt;When I entered pickup and destination, clicked Find Rides, and saw &lt;br&gt;
"✅ Backend Connected | Ride #3" appear in the corner — that was the &lt;br&gt;
moment 5 months of abandoned work finally felt worth it.&lt;/p&gt;




&lt;h3&gt;
  
  
  Before vs After
&lt;/h3&gt;

&lt;div class="table-wrapper-paragraph"&gt;&lt;table&gt;
&lt;thead&gt;
&lt;tr&gt;
&lt;th&gt;&lt;/th&gt;
&lt;th&gt;Before (Dec 2025)&lt;/th&gt;
&lt;th&gt;After (May 2026)&lt;/th&gt;
&lt;/tr&gt;
&lt;/thead&gt;
&lt;tbody&gt;
&lt;tr&gt;
&lt;td&gt;Backend&lt;/td&gt;
&lt;td&gt;None&lt;/td&gt;
&lt;td&gt;Spring Boot + Railway&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;Database&lt;/td&gt;
&lt;td&gt;None&lt;/td&gt;
&lt;td&gt;H2 with real data&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;Interactions&lt;/td&gt;
&lt;td&gt;Simulated&lt;/td&gt;
&lt;td&gt;Real API calls&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;Location&lt;/td&gt;
&lt;td&gt;Hardcoded&lt;/td&gt;
&lt;td&gt;Real GPS&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;Validation&lt;/td&gt;
&lt;td&gt;None&lt;/td&gt;
&lt;td&gt;Phone + name + docs&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;Deployment&lt;/td&gt;
&lt;td&gt;None&lt;/td&gt;
&lt;td&gt;Vercel + Railway&lt;/td&gt;
&lt;/tr&gt;
&lt;/tbody&gt;
&lt;/table&gt;&lt;/div&gt;

&lt;h2&gt;
  
  
  My Experience with GitHub Copilot
&lt;/h2&gt;

&lt;p&gt;GitHub Copilot was a genuine partner in finishing this project, not &lt;br&gt;
just autocomplete.&lt;/p&gt;

&lt;h3&gt;
  
  
  How Copilot helped
&lt;/h3&gt;

&lt;p&gt;The most impressive moment was when I asked Copilot to add fare &lt;br&gt;
calculation for all vehicle types. Instead of just writing a function, &lt;br&gt;
Copilot:&lt;/p&gt;

&lt;ol&gt;
&lt;li&gt;
&lt;strong&gt;Read my entire codebase automatically&lt;/strong&gt; — it scanned 
PassengerHome.tsx and VehicleSelection.tsx before writing a single line&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Identified a problem I hadn't noticed&lt;/strong&gt; — fare rates were 
duplicated across two components&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Created a shared utility file&lt;/strong&gt; — centralized the fare logic so 
both screens use the same calculation&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Updated 3 files simultaneously&lt;/strong&gt; — +27 lines, clean and consistent&lt;/li&gt;
&lt;/ol&gt;

&lt;p&gt;This wasn't just code generation. Copilot understood the architecture &lt;br&gt;
of my project and made a better decision than I would have made alone.&lt;/p&gt;

&lt;p&gt;&lt;a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fporoltp75q0gn6q34w64.png" class="article-body-image-wrapper"&gt;&lt;img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fporoltp75q0gn6q34w64.png" alt=" " width="799" height="424"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;&lt;a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fzlatw8ja8pezf90fuelt.png" class="article-body-image-wrapper"&gt;&lt;img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fzlatw8ja8pezf90fuelt.png" alt=" " width="800" height="405"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;h3&gt;
  
  
  What I learned
&lt;/h3&gt;

&lt;p&gt;Copilot works best when you give it context. Asking it to "add fare &lt;br&gt;
calculation" while having the relevant files open gave it everything &lt;br&gt;
it needed to make smart decisions about where the code should live.&lt;/p&gt;

&lt;p&gt;For a project like AutoConnect — with multiple interconnected components &lt;br&gt;
— that architectural awareness saved me significant debugging time.&lt;br&gt;
— AutoConnect isn't perfect — but it's real now. And that's the whole point of finishing things.&lt;/p&gt;

</description>
      <category>devchallenge</category>
      <category>githubchallenge</category>
      <category>webdev</category>
      <category>github</category>
    </item>
  </channel>
</rss>
