Skip to content

marekzelinka/recipeasy

Repository files navigation

Recipeasy 🍳

This project lets you collect your favourite recipes and prepare your shopping list.

It's written in TypeScript and uses React, a JavaScript UI library, React Router, a full-stack framework, Prisma for database ORM, shadcn/ui for UI components and Better Auth for authentication. I'm hosting the live version at Fly.io.

Get started

  1. Clone the repository:

    git clone https://github.com/marekzelinka/recipeasy.git
  2. Install the dependencies:

    pnpm i
  3. Define required env variables:

    • Copy the template contents in .env.example to a new file named .env and fill all the required fields.
    • You'll need to follow this guide to get your Google credentials: GOOGLE_CLIENT_ID and GOOGLE_CLIENT_SECRET.
  4. Finally, run the app in dev mode by running:

    pnpm dev

Goals

I wanted to practice implementing authentication using React and React Router. Also, playing around with shadcn/ui <Sidebar /> component.

Credits

  • N/A