This repository contains the frontend code for the Fare Estimator project, a web application designed to help students and travelers calculate fair travel fares based on distance, current fuel prices, and reasonable driver margins.
The frontend interacts seamlessly with the hosted backend, providing a fully functional live application.
Experience the application here: https://fareestimator.netlify.app/
If API is not availabel, I request you to watch https://youtube.com/shorts/vy8b9VSdpmc?si=Ghg4L1E_BynrmpmM.
The backend is also hosted and connected, so all API calls work seamlessly. You can find the backend repository here: Fare Estimator Backend
- HTML5, CSS3, JavaScript – Core frontend technologies
- Bootstrap 5 – Responsive and mobile-friendly design
- Google Maps API – Displaying routes, locations, and distance calculations
- Fare Calculation – Estimates travel fares based on user input and real-time data.
- Map Integration – Displays routes and calculates distances using Google Maps API.
- Responsive Design – Optimized for both desktop and mobile devices.
- User-Friendly Interface – Simple and intuitive navigation for all users.
- All frontend files (HTML, CSS, JS) are organized by functionality.
- The frontend communicates with the hosted backend through RESTful API endpoints.
This project was developed to provide a transparent fare estimation tool for students and travelers, helping them avoid overcharges and make informed decisions. It also demonstrates practical use of Google Maps API and real-time data integration in a full-stack application.
- Hands-on experience in frontend development and UI/UX design.
- Integration with a hosted backend using REST APIs.
- Real-world implementation of Google Maps API and live data.
For inquiries or feedback, please reach out via your email.