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.
-
Clone the repository:
git clone https://github.com/marekzelinka/recipeasy.git
-
Install the dependencies:
pnpm i
-
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
andGOOGLE_CLIENT_SECRET
.
- Copy the template contents in .env.example to a new file named
-
Finally, run the app in dev mode by running:
pnpm dev
I wanted to practice implementing authentication using React and React Router. Also, playing around with shadcn/ui <Sidebar />
component.
- N/A