This is a simple online recipe manual. Visit the Recipedia website to view the live demo.
- Add, edit, and delete recipes
- View recipe details
- View recipe instructions
- Search for recipes
upcoming feature
- Filter recipes by category
upcoming feature
- View recipe ingredients
upcoming feature
- View recipe nutrition facts
upcoming feature
- View recipe reviews
upcoming feature
- React v18
- Vite
- TypeScript v5
- ESLint
- React Router v6
- Supabase
- Docker
will be added soon
- Clone the repository
git clone
- Install dependencies
yarn install
-
Login to your Supabase account and create a new project. Ensure to copy the project URL and anon key.
-
Create a new table named
recipes
in the Supabase project with the following columns:
id
(type:integer
, primary key)title
(type:text
, not null)method
(type:text
, not null)rating
(type:integer
, min:0
, max:5
)created_at
(type:timestamp
, default:now()
)
- Create a
.env.local
file in the root directory and add the following environment variables:
VITE_APP_SUPABASE_URL=
VITE_APP_SUPABASE_ANON_KEY=
- Start the development server
yarn dev
This project uses ESLint to enforce code quality and consistency.
To run ESLint, use the following command:
yarn lint
Contributions are welcome! Please refer to the contributing guidelines for more information.