Back to Projects
PennyMeal — Smart Meal Planning & Budget Optimization
PennyMeal combines nutrition planning and budget optimization into a single platform. It creates personalized meal plans based on dietary preferences, nutritional needs, and real-time product pricing, enabling users to eat healthier while reducing grocery costs. I contributed as a Frontend Engineer, focusing on performance, usability, and analytics-driven insights.
ReactViteTailwind CSSShadcn UIRedux ToolkitMixpanel
Role:Frontend Engineer
Product Features
- •Personalized meal planning based on diet, nutrition, and budget preferences.
- •Real-time price comparison across products and stores.
- •Cost-per-serving calculations for recipes.
- •Automated grocery list generation.
- •Price history tracking for better purchase decisions.
Frontend Development
- •Built the entire frontend application using React and Vite for fast builds and optimal performance.
- •Designed clean, responsive UI using Tailwind CSS and Shadcn UI.
- •Implemented complex state management using Redux Toolkit.
- •Optimized component rendering and data flows for smooth user experience.
Analytics & Insights
- •Integrated Mixpanel to track user behavior and feature engagement.
- •Enabled data-driven product insights to improve UX and conversion.
My Role
- •Owned frontend architecture and implementation.
- •Translated product requirements into intuitive UI workflows.
- •Focused on performance, accessibility, and scalability.
- •Collaborated closely with backend and product teams.