CORDON BLEU

small paint dot
Cordon Bleu website image

Project Overview

A mini application where users can log in and contribute their special recipes that they discovered from mistakes. Non-login users can view all the contributed recipes.

Tech Stack

  • Frontend: Next.js (App Router), Ant Design (UI), Formik and Yup (forms & validation).
  • Backend: Firebase Authentication (Google sign-in), Cloud Firestore (data), Cloud Storage (recipe images).
  • Security: Route protection via middleware + Firestore/Storage security rules

    • Features

  • Google sign-in and protected “My recipes” area.
  • Create/edit drafts and publish recipes (cover image required on publish).
  • Recipe browsing with search + filters and Load more pagination.
  • Admin/dashboard area guarded by middleware.
    • Visit this website
    home page icon
    One step at a time