Vehicle_Fuel_Economy_Data_Visualization_App

Inspiration

The inspiration for or project Green Gear Analytics was to allow employees for car manufactures to look at and analyze vehicle fuel economy data. Allowing them to meet consumer demands for more fuel efficient vehicles that would provide a lower cost of ownership in gas and is also more environmentally friendly. Eco-friendly vehicles are in significant demand and the need for an easy-to-use tool to compare car fuel economies for all party is a necessity. Although the data for this can be found online it is difficult to use and to compare multiple vehicles on a constant bases. We wanted to provide a means to make this data more usable and readable for both companies and buyers alike.

What it does

Green Gear Analytics allows users to:

• Search for data using various bits of information through a flexible responsive search tool.
• Compare cars based on several metrics depending one what the user wishes to see, helping users identify the most comparable option.
• Offer a intuitive AI chat-bot that can summarize and make drive conclusions for users based on questions they may have

How we built it

We built Green Gear Analytics using a full-stack approach:

• Front-end: Implemented with React to create an interactive, responsive user interface, including features like a search tool and car comparison interface.
• Back-end: Developed with Express.js and PostgreSQL to handle data requests and manage a robust database of vehicle fuel economy information.
• API Integration: Leveraged external APIs to build a AI chatbot and to integrate it seamlessly into our application.

Challenges we ran into

Given the nature of hackatons time was an important asset that was constrained. One challenge we faced was to communicate effectively using the least amount of time but still gaining the most value from each other. Another challenge was to learn and implement many of the back-end components so that it worked efficiently with what we had at the front end. More specifically we had some technical issues with some aspects of setting up the PostgreSQL for some of our teammates and pushing code into the repository from their end.

Accomplishments that we're proud of

Given the time constraints of a hackathon, we’re especially proud of how effectively our team communicated to maximize productivity. By prioritizing concise yet valuable discussions, we were able to stay on track and ensure everyone was aligned on the project’s goals. We also was successful in learning and implemented many back-end components with the front-end despite it being a new venture for our team. Final we are extremely proud that we were able have such a solid and complete functioning product within such a tight time-frame.

What we learned

This project was an incredible learning experience for our team. Key takeaways include:

• Teamwork and Communication: We honed our ability to collaborate under time constraints, optimizing communication to achieve maximum results.
• Technical Skills: Improved our knowledge of backend development, specifically in configuring and querying a PostgreSQL database, and integrating it with a React frontend.
• Problem-Solving: Learned to quickly resolve technical issues, such as debugging deployment errors and overcoming repository access challenges.
• User-Centric Design: Gained insights into designing tools that balance functionality with simplicity for a better user experience.

What's next for Green_Gear_Analyitcs

Things we wanted to add as well that would help users and us learn more about development was:

• Having More Metrics for Comparison: Add additional vehicle metrics, such as CO₂ emissions, maintenance costs, and safety ratings, for more comprehensive comparisons.
• Adding User Accounts: Introduce personalized accounts for users to save comparison data and receive tailored recommendations.

Built With

• css
• html
• javascript
• postgresql
• react.js