-
Dashboard of the web app
-
-
-
-
-
Inspiration
Food waste is a common problem in many households. People often forget expiration dates, buy unnecessary food, or store food improperly. This inspired us to build FoodWise, a simple solution that encourages smarter food management, reduces avoidable waste, and helps people save money.
What it does
FoodWise is a food management web application that helps users:
Manage household food inventory. Monitor food expiration dates. Identify food that needs to be consumed soon. Get practical food storage guidance. Create and manage shopping lists. Track wasted food and calculate financial losses.
How we built it
We built FoodWise using HTML5, CSS3, and vanilla JavaScript.
HTML5: Created the application structure. CSS3: Designed a responsive and user-friendly interface. JavaScript: Implemented interactive features and application logic. LocalStorage: Saved inventory, shopping lists, and waste records locally in the browser. SVG: Used icons and visual elements to improve the interface.
The application works directly in a web browser without requiring additional software installation.
Challenges we ran into
Designing a simple interface while including multiple useful features. Implementing accurate expiration-date tracking. Managing inventory and shopping list interactions. Maintaining data consistency using LocalStorage. Making the application responsive across mobile and desktop devices. Creating a useful dashboard that presents information clearly.
Accomplishments that we're proud of
Successfully developed a functional food management web application. Integrated six useful tools into one platform. Implemented expiration tracking with visual status indicators. Created a food waste tracking system that calculates financial losses. Built a responsive interface with light and dark themes. Developed a project focused on a real-world problem.
What we learned
Through this project, we improved our understanding of front-end development, JavaScript logic, browser-based data storage, responsive web design, and user interface development.
Most importantly, we learned how technology can be used to address everyday problems and encourage more sustainable habits.
What's next for FoodWise
We plan to improve FoodWise by introducing:
AI-based food spoilage prediction. Barcode and QR code scanning. Smart recipe recommendations based on available ingredients. Cloud storage and synchronization. User accounts and family sharing. Automated expiration notifications.
Our long-term goal is to make FoodWise a smarter and more accessible food management platform.
Built With
- css3:
- html5:
- javascript
