Kookify - React, Tailwind CSS, React Hook Form

Year

2024

Tech & Technique

React, Tailwind CSS, React Hook Form, Vite, JavaScript

Description

Kookify is a fast, responsive culinary recipe management web application designed for food enthusiasts to curate, search, edit, and organize custom recipes and cooking procedures.

Key Features:

🍲 Full Recipe CRUD: Create, read, update, and delete culinary recipes
❤️ Favorites Collection: Save bookmarked recipes with instant LocalStorage sync
⚡ Dynamic Form Validation: Smooth multi-field recipe builder using React Hook Form
🎨 Custom UI Elements: Custom metallic button components and animated 404 page

My Role

Frontend Developer

🍳 Built dynamic recipe forms and validation using React Hook Form
💾 Implemented client-side caching & favorites bookmarking with LocalStorage
📱 Created fully mobile-responsive UI with Tailwind CSS and Vite