MYCOOKBOOK

See Demo (Currently down due to unregulated API subscription charges)

This is a Next.js project called MyCookBook, which sells recipes of different food categories.
To view the detailed recipes, the user must create an account and purchase them. Each purchase is different and unique. Regardless of whether the user has already purchased a recipe, the new purchase will still include the price for that recipe.

Authentication

User can sign in via Magic Link (verification of email per signin) or OAuth (currently supports Google)

Checkout

Each checkout session is handled by Stripe and is valid for 30 minutes. The backend is responsible for generating a Stripe checkout session and the UI redirects the user to that session.
Upon successful payment, a confirmation will be sent to the email of the user (PRODUCTION ONLY)

Tools used

• Next.js
• Stripe
• Supabase (alternative to Firebase)
• Chakra-UI
• Rapid API for fetching foods

Project Setup

Prereq: Install node v.16 and above

• Clone the repository
• Install all packages with npm install
• Run the project in DEV mode with npm run dev

Starting in Production mode

• Build the project with npm run build
• Serve production with npm start

Made by Gumball with 💜