Individual capstone
Kitchen Inventory
A kitchen inventory app that tracks food, expiration dates, and shopping needs across the fridge, freezer, and pantry.
My role: Sole Developer
Try searching for an item, then use category, low-stock, or expiring-soon filters to explore the inventory.
The problem
Food spread across the fridge, freezer, and pantry is easy to overlook. Without a clear record of quantities and expiration dates, it is hard to know what needs using first and what actually needs buying.
The solution
Kitchen Inventory groups food by storage location and records quantities and expiration dates. Search, low-stock and expiring-soon filters, and a shopping list help users plan around what they already have.
My contributions
- Built the React interface for adding and editing items, searching and filtering inventory, and managing shopping-list state.
- Connected inventory operations to Airtable through a Netlify serverless function, keeping API credentials on the server.
- Implemented local-storage persistence and recovery from malformed saved data, with responsive inventory views.
Behind the project
My individual capstone for Code the Dream's Lark cohort. I used React and Vite to practice component design, state management, and data integration, taking the project from inventory forms through storage and deployment.
Engineering decisions
Airtable requests need a private API token. I routed inventory operations through a Netlify function so the token stays on the server, while the React app handles loading, errors, and local sample data.
Testing
The pull-request workflow runs a basic render test with Vitest and React Testing Library. Automated coverage does not yet exercise the full create, edit, delete, or saved-data recovery flows.
- Repository
- mnichols08/ctd-react-v3-final
- Repository updated