Back
Year
2024
Tech
React, Next.js, Supabase, TypeScript, Tailwind CSS, Framer Motion
Description
Recipe discovery application that helps users find delicious meals based on ingredients they already have at home.
NextBite combines a sleek user interface with powerful search functionality to solve the everyday problem of "what to cook" when looking at available ingredients, making meal planning effortless and inspiring.
Key Features:
Technical Highlights:
NextBite combines a sleek user interface with powerful search functionality to solve the everyday problem of "what to cook" when looking at available ingredients, making meal planning effortless and inspiring.
Key Features:
- Ingredient-Based Search: Find recipes using items already in your kitchen
- Advanced Filtering: Sort by dietary restrictions, cuisine types, and preparation time
- Recipe Saving: Bookmark favorite recipes for future reference
- Modern UI: Engaging interface with fluid animations via Framer Motion
Technical Highlights:
- Built with Next.js for optimal performance and SEO
- Implemented Supabase for backend database and authentication
- Created responsive, animated UI with Tailwind CSS and Framer Motion
- Designed with TypeScript for improved code reliability
My Role
Full Stack Developer
For this project, I:
For this project, I:
- Database Design: Structured data model for recipes and ingredients in Supabase
- Search Algorithm: Developed efficient ingredient matching algorithms
- UI Implementation: Created an intuitive interface with engaging animations
- Authentication: Implemented secure user authentication and profiles
- Deployment: Set up CI/CD pipeline with Vercel for continuous deployment