LogiGas

• 

  Popup to input dropoff station

• 

  shows summary for orders

• 

  Login Page

• 

  shows all drivers available and the summary of the distance and fuel saved

• 

  route in red is the default route, route in green is the route where we have saved fuel and distance

• 

  default route when the dropoff station is set.

LogiGas – The Intelligent Operations Command Center

Tagline: Smarter Routes. Stronger Operations.

Inspiration

Green Wells’ delivery operations relied on manual communication — phone calls, paper notes, and WhatsApp updates — which often caused inefficiency, delays, and data loss.

We set out to change that.

Our goal was to build a unified digital command center for dispatchers, drivers, and managers — enabling real-time visibility, accountability, and smarter workflows.

That vision became LogiGas, a web-based platform that redefines how logistics are monitored and managed.

---

What We Learned

While developing LogiGas, we learned how to embed interactive maps into web applications — transforming static pages into dynamic, data-driven experiences.

This experience deepened my understanding of how front-end and back-end systems communicate to create seamless data flow.

We also explored the concept of route optimization, mathematically expressed as:

$$ \min_{r \in R} \sum_{i=1}^{n} d(r_i) $$

Where:

• ( r ) represents a possible route, and
• ( d(r_i) ) is the distance between delivery points.

This equation represents minimizing total distance — the same principle behind optimizing delivery efficiency in logistics systems.

How We Built It

We developed LogiGas as a web-based MVP, focusing on visibility and performance insights.

Tech Stack:

Frontend:  HTML, CSS, JavaScript , React, TypeScript
Backend:   Express JS
Database:  Mongo DB (for MVP)  

Core Features:

• View available drivers and their profiles.
• Track total distance covered, fuel saved, cancelled deliveries, and total completed orders.
• Display performance data in a clean, dashboard-style interface.

Challenges We Faced

1. Map Embedding: Integrating interactive maps across devices required deep API troubleshooting.
2. Data Synchronization: Maintaining accurate, real-time metrics across drivers and dashboards was complex.
3. UI/UX Balance: We went through several design iterations to make the dashboard both functional and intuitive.

# Example of backend metric calculation
fuel_efficiency = (total_distance / fuel_consumed)
print(f"Fuel efficiency: {fuel_efficiency:.2f} km/L")

---

Conclusion

LogiGas is more than a logistics tool — it’s a step toward data-driven decision-making and operational intelligence.

Even as an MVP, it already offers clarity, structure, and measurable impact for Green Wells’ daily operations.

LogiGas — where every route tells a story of efficiency.

Built With

• css
• html
• javascript
• openstreetmap
• react
• typescript