Inspiration
Segregating waste at home can be confusing—many items don’t clearly fall into a single category, and people often don’t know how to reuse or dispose of them properly. We wanted to solve this problem using the power of Generative AI, making it easy and engaging to identify types of waste and get creative reuse ideas—all with a simple query or image.
What it does
WasteWise AI is a smart assistant that helps users: Classify household waste items (based on description or uploaded image). Generate intelligent reuse or recycle ideas using generative AI. Encourage sustainable behavior and reduce landfill waste from homes. WasteWise AI provides eco-friendly suggestions instantly.
How we built it
React with TypeScript: Built the UI using React and TypeScript for strong typing, component modularity, and better developer experience. Vite: Used Vite as the build tool for lightning-fast development and bundling. Tailwind CSS: Styled the application using Tailwind CSS for utility-first, responsive, and clean design. OpenAI API Integration: Connected to the geminiAI API via backend endpoints to generate creative reuse ideas based on user input. Environment Variables: Managed API keys securely using .env files and ensured they are excluded from version control with .gitignore. ESLint & TypeScript Configs: Ensured code quality and consistency using ESLint and multiple tsconfig setups for app, node, and tooling compatibility. Node & NPM: Used Node.js and NPM for dependency management and script execution.
Challenges we ran into
API limits and costs during development and testing. Crafting effective prompts for consistent, useful, and safe AI suggestions. Making suggestions not just creative, but also feasible and eco-friendly. Designing a minimal yet intuitive UI for quick waste queries.
Accomplishments that we're proud of
Created a functional AI assistant that promotes sustainable living. Successfully integrated a GenAI model to generate real-time reuse ideas. Made an engaging, user-friendly web interface in a short amount of time. Demonstrated a working MVP with both textual and visual input possibilities.
What we learned
Prompt engineering for GenAI to deliver helpful environmental advice. Efficient use of AI APIs for real-world applications. The importance of UX in behavior-change tools like waste management apps. How AI can be used creatively to inspire sustainability.
What's next for WasteWise AI
Add voice input support for hands-free usage. Include regional recycling rules and nearby recycling center info. Build a mobile app for easier daily use. Partner with eco-startups or municipalities to make it part of public awareness campaigns.
Built With
- and
- and-node.js
- built-with-react
- code
- configuration
- environment
- eslint
- for
- gemini-ai-api
- openai-api
- secure
- tailwind-css
- typescript
- using
- variables
- vite
Log in or sign up for Devpost to join the conversation.