Cooked is a recipe platform that aggregates cooking instructions while maintaining consistent data quality. Developed as my first React project, this solution combines web scraping automation with an intuitive cooking experience.
Core Features
- Automated recipe collection using Puppeteer web scraping
- Fuzzy search with Double Metaphone algorithm
- Data wrangling to ensure consistent UX
- Responsive UI built with React + Tailwind
Technical Accomplishments
- Built custom scraping pipeline with data validation
- Implemented MVC architecture with Express.js
- Developed React component library from scratch incorporating an atomic design structure
- Created phonetic search system using Double Metaphone to ensure users find their chicken recipes even if they type 'tschikn'
Team Synergy
Collaborated with Florian Kraushofer on:
- Data quality assurance checks
- UX testing
- Recipe favoriting functionality
Skill Development
- First production React implementation
- Puppeteer scraping configuration
- End-to-end project leadership
- A way to never guess what to eat🍽️