Recipo | Recipe Finder Web Application

Recipo | A Modern Recipe Management Platform

Recipo is a modern recipe management platform built with Next.js, TypeScript, and Supabase. It allows users to discover, save, and share their favorite recipes through a sleek, responsive interface that works seamlessly across all devices.

Key Features

Recipe Management

Browse featured recipes

Search and filter by cuisine type or ingredients

Save favorite recipes

Create and manage personal recipes

Modern UI/UX

Fully responsive design for mobile, tablet, and desktop

Clean design with Tailwind CSS

Smooth animations powered by Framer Motion

Light and dark mode support

Accessible and flexible UI components with Radix UI

Admin Dashboard

User and content management

Platform activity monitoring

Content review tools

Tech Stack

Frontend

Next.js 15 (App Router)

React 19

TypeScript

Tailwind CSS + Tailwind Merge + Tailwind Animate

Radix UI for accessible components

Lucide Icons for elegant icons

Framer Motion for animations

React Hook Form + Zod for form validation

React Context API for state management

Sonner for toast notifications

Backend

Node.js (v18+)

Next.js API Routes

Supabase Auth for authentication and login

PostgreSQL as the database

Drizzle ORM for safe and efficient queries

Zod for server-side data validation

dotenv for environment variable management

Development Tools

npm / yarn for package management

TypeScript for type safety

ESLint + Prettier for code formatting and linting

Drizzle Kit & Drizzle Studio for database management

Turbopack as the default Next.js bundler