Quick Compost

Inspiration 🌱

Our inspiration for QuickCompost came from a growing concern about environmental sustainability and the realization of how much household waste ends up in landfills unnecessarily. We wanted to make composting more accessible to everyone by providing clear guidance on compostable materials in a simple and interactive way.

What it does 🤝

Through building QuickCompost, we gained valuable insights into both sustainability practices and web development. We learned about the complexities of composting, especially the importance of distinguishing compostable materials from contaminants. On the technical side, we enhanced our skills in HTML, CSS, and JavaScript for a user-friendly experience.

How we built it 🛠️

We created QuickCompost using HTML, CSS, and JavaScript. The project's interactive component—allowing users to check if specific items are compostable—was achieved using JavaScript arrays and event listeners. The interface was styled with CSS to ensure a clean, intuitive design accessible across various devices. We hosted the project using GitHub Pages for easy deployment and accessibility.

Challenges we ran into 🚧

One challenge we encountered was accurately categorizing a comprehensive list of compostable versus non-compostable materials, given the varying local guidelines. Additionally, ensuring the application remained responsive and user-friendly across different screen sizes required significant fine-tuning in CSS. Through persistent testing and refinement, we overcame these hurdles, resulting in an effective and educational tool.

Accomplishments that we're proud of 🏆

We're particularly proud of integrating Leaflet.js, which allowed us to provide a seamless, interactive map experience, significantly enhancing user engagement by enabling easy discovery of compost locations. Additionally, the chatbot integration marked a significant milestone; it dramatically improved user interaction by offering instant, personalized composting guidance.

What we learned 📚

Throughout the development of QuickCompost, we significantly expanded our knowledge in several areas:

Sustainability: We gained insights into the complexities of composting, including understanding compostable versus contaminant materials and regional variations in composting guidelines.

Web Development: We honed our technical skills, particularly in integrating APIs, managing dynamic web content using JavaScript, and creating interactive maps with Leaflet.js.

Chatbot Integration: We learned to implement conversational interfaces, allowing us to deliver instant guidance to users through a responsive chatbot feature.