Project 360

Reducing carbon footprints around the globe

Comment

Inspiration

The inspiration for our project stemmed from two places. First, we wanted to apply our knowledge of web development to create a product that could help address issues with suitability faced by corporate entities in cities. Tackling this issues allowed us to combine our fledgling technical skills with a meaningful purpose. Second, we saw this project as an opportunity to gain hands-on experience with React. , a versatile and convenient tool for web development that we hope to utilize in our future careers.

What it does

Our Gemini powered website is a property management tool that takes raw data from property locations and analyzes the carbon friendliness in order to determine a status for property managers so that they may ensure the sustainability of locations for their tenants.

How we built it

We built our project using React, a highly useful JavaScript library for creating interactive and dynamic user interfaces. We utilized React's component based architecture to ensure modularity, allowing us to break down the application into manageable and reusable components. When assembled our project makes it easier to manage the complexity of different buildings. For styling we utilized CSS to create a concise and user friendly design optimized for navigation and simplicity. With React we were able to use JavaScript and HTML together to create a dynamic and interactive platform. Additionally, we made use of the GeminiAPI for our Chat360 AID Chatbot as well as for the AI statistical analysis of all the raw data from each location which determines the status of that location.

Challenges we ran into

This project ran into several issues while working on it. Besides the problems of sleep and fatigue we ran into several technical issues, too many to recount in full. Some major ones were getting the bubble components to display and scroll properly. We integrated AI into our project and getting that to function properly took several frustrating hours of trial and error. Other challenges include the internet running out randomly, getting randomly disconnected and discord being down.

Accomplishments that we're proud of

Getting the artificial intelligence component to work properly was incredibly relieving after spending up to 5 hours trying to figure out how to get it to run properly. As beginners, we weren't expecting much because of our lack of knowledge and experience. That being said, we can confidently say that we are proud of our product given the time constraint. Given 24 hours we felt like our utilization of time was a major accomplishment. This journey to the endpoint of the project is an accomplishment all in its own as we gained an incredible amount of experience and knowledge.

What we learned

With learning being the most important aspect of this hackathon for us, we wanted to make sure to gain as much knowledge as possible. We went into this project with little to no experience with the three of us. We managed to learn a lot within the 24 hours of this competition. We learned how to build reusable components, manage state effectively, and integrate APIs into a React application. Additionally, we explored handling user interactions, styling with CSS, and debugging complex issues in real time.

What's next for Project 360

Project 360 was an idea we had on the shelf before this project. Now that we have more experience with react we were hoping to expand the scope of this project. 24 hours isn't enough time for us to learn to react and fix all the bugs we ran into while working. We want to improve the AI as well as add more features that we didn't have time for, such as customizable aesthetics, user login feature, more in-depth status rating, individual location detail manager.

Built With

Share this project:

Updates