Built Omnifood, a comprehensive recipe search platform that provides users with a clean, ad-free browsing experience. The platform features advanced authentication options, personalized recipe creation, and optimized performance across all devices.
Key Features
Advanced Authentication: Implemented multiple sign-in methods including passwordless email links, traditional email/password, and social logins (Google, Facebook)
Recipe Management: Created filtration system by areas, categories, and ingredients plus ability for users to create and edit their own recipes
Performance Optimization: Built with code splitting, lazy loading, and compressed SCSS for faster load times
Responsive Design: Developed mobile-first interface that adapts seamlessly to all device types
Dark Mode Support: Implemented complete dark mode support to reduce eye strain
State Management: Utilized useReducer and Context API for efficient data flow across components
Technologies
Frontend: React, Bootstrap, Material UI, SCSS
Authentication: Firebase Authentication
Database: Firestore Database
Storage: Firebase Storage
Hosting: Firebase Hosting with Custom Domain
API: MealDB for recipe data
Security: Firebase App Check, security rules
Results
Achieved high PageSpeed Insights scores for performance and SEO
Implemented clean data architecture with reusable components
Created intuitive user flows for authentication and recipe management
Delivered secure platform with strict access controls for verified emails only
Built fully responsive interface with smooth, minimalistic design
