Welcome to GrocerEase, a collaborative grocery web application designed to help groups coordinate their grocery shopping with ease! This project won 2nd Place Overall and Most Responsive UI in MIT's 2026 WebLab competition.
- Personal Grocery List: Add your own items with details like quantity, store preference, urgency, and notes
- Group Management: Create or join groups to see group items and filter options to view grouped groceries
- Trip Planning: Schedule shopping trips and view planned trips on the calendar
- Shopper Mode: View all group items when shopping, check off items as you shop, and mark trips as complete and delivered
Frontend
- HTML, CSS, JavaScript, React
- TypeScript
- Tailwind CSS, Tailwind CSS Motion
Backend
- JavaScript
- Node.js
- Express
- Mongoose
Database
- MongoDB
- Login (
/) - Google OAuth login with tutorial - Dashboard (
/dashboard) - Personal grocery list, trips, and calendar view - Group (
/group) - Group grocery list with filtering options - Shopper (
/shopper) - Shopping mode to checkoff items and mark as delivered - Profile (
/profile) - View or update your profile
Check out GrocerEase!
Credits
- Calendar component: inspired by continuous-calendar
- Login animations: inspired by pixel art food