Generally Envato’s dwell preview system quickly breaks hyperlinks. Please use the direct demo hyperlink with credentials talked about under :
LIVE DEMO – Attempt Earlier than You Purchase!
Dwell Software: CookWithAI
Person Demo Credentials:>
- Electronic mail: [email protected]
- Password:WebBuddy@123
How one can Set up Video Documentation:
- Hyperlink:https://envato.webbuddy.agency/docs
Overview
CookWithAI is an entire, production-ready net utility that permits customers to generate customized recipes utilizing synthetic intelligence. Constructed with Subsequent.js 15, React 19, and TypeScript, this utility gives a seamless expertise for creating distinctive recipes from out there components in seconds. The platform includes a trendy, responsive design and consists of all the things wanted to run a recipe era enterprise, from consumer authentication to cost processing.
⚠️ Necessary: Exterior API Prices Disclaimer
Please notice that this utility requires exterior API companies to operate, and you’ll incur prices based mostly in your utilization of those companies.
This utility integrates with a number of third-party companies that cost charges based mostly on utilization:
- Google Gemini AI – Fees per API request for recipe era. Prices fluctuate based mostly on the AI mannequin used (gemini-2.5-pro) and the variety of tokens processed. You pay on to Google for every recipe era request.
- Stripe – Fees a transaction payment of two.9% plus $0.30 per profitable cost transaction when customers buy credit.
- Supabase – Free tier out there for growth with 500MB database storage and 50,000 month-to-month energetic customers. Manufacturing use might require a paid plan based mostly on storage, bandwidth, and utilization. Test Supabase pricing for present charges.
You might be accountable for all prices related to these exterior companies. The acquisition worth of this utility consists of solely the supply code and doesn’t embody any API credit, service subscriptions, or utilization charges. Earlier than deploying this utility, please overview the pricing pages of all required companies to know the prices you’ll incur based mostly in your anticipated utilization quantity.
Whereas many companies provide free tiers appropriate for growth and testing, manufacturing use would require paid plans. Guarantee you’ve gotten budgeted for ongoing API prices based mostly in your anticipated consumer base and utilization patterns.
Key Options
AI Recipe Technology
Generate customized recipes utilizing superior AI fashions powered by Google Gemini AI. The applying makes use of the gemini-2.5-pro mannequin to create high-quality, distinctive recipes tailor-made to consumer components and dietary preferences. Every recipe era produces 3 completely different recipe choices, every with full components lists, step-by-step directions, cooking instances, and dietary tags.
Dietary Preferences
Customers can filter recipes by deciding on from 10 dietary preferences to match their life-style and dietary wants:
- Vegetarian – Plant-based recipes with out meat
- Vegan – Fully plant-based recipes with none animal merchandise
- Gluten-Free – Recipes appropriate for gluten-free diets
- Dairy-Free – Recipes with out dairy merchandise
- Keto – Low-carb, high-fat ketogenic eating regimen recipes
- Low-Carb – Diminished carbohydrate recipes
- Paleo – Paleolithic diet-compliant recipes
- Low-Fats – Diminished fats content material recipes
- Excessive-Protein – Protein-rich recipes
- Nut-Free – Recipes with out nuts or nut merchandise
Ingredient-Based mostly Recipe Creation
The applying gives an intuitive interface for recipe era:
- Add a number of components – Customers can enter any components they’ve out there
- Ingredient administration – Add or take away components simply earlier than producing recipes
- AI-powered matching – Google Gemini AI creates recipes utilizing the offered components
- A number of recipe choices – Every era produces 3 completely different recipe solutions
- Full recipe particulars – Every recipe consists of title, description, components with measurements, step-by-step directions, cooking time, and dietary tags
Recipe Administration
Full recipe administration system with the next options:
- Recipe Historical past – View all beforehand generated recipes
- Recipe Particulars – Full recipe view with full directions and components
- Recipe Playing cards – Lovely card-based show of generated recipes
- Recipe Storage – All recipes are saved to consumer’s account in Supabase database
- Recipe Looking – Flick through recipe historical past with organized show
Person Administration
Full consumer administration system with the next options:
- Person authentication powered by Supabase Auth (e-mail/password)
- Person profiles with recipe depend and credit score steadiness
- Person dashboard for managing account and viewing statistics
- Recipe historical past monitoring
- Credit score steadiness administration
- Safe session administration with JWT tokens
Credit score System
Versatile credit-based pricing system with three packages:
- Starter Credit – 200 credit for $9 (20 recipe generations)
- Creator Bundle – 600 credit for $18 (60 recipe generations)
- Kitchen Professional – 1200 credit for $29 (120 recipe generations)
All new customers obtain 10 free credit to check the platform (sufficient for 1 recipe era). Every recipe era consumes 10 credit whatever the variety of components or dietary preferences chosen.
Fee Processing
Built-in Stripe cost system for safe credit score purchases. The applying handles checkout classes, webhook processing, and automated credit score allocation upon profitable cost. All funds are processed securely by means of Stripe’s infrastructure.
Pages and Navigation
The applying consists of the next pages:
- Touchdown Web page – Lovely hero part with options, pricing, and call-to-action
- Dwelling Web page – Primary recipe era interface with ingredient enter and dietary preferences
- Recipe Element Web page – Full recipe view with components, directions, and cooking particulars
- Historical past Web page – Browse all beforehand generated recipes
- Profile Web page – Person account administration and statistics
- Subscription Web page – Credit score buy and administration
- Login/Signup Pages – Safe authentication flows
Technical Specs
Know-how Stack
- Framework: Subsequent.js 15 with App Router
- Language: TypeScript
- UI Library: Tailwind CSS
- Database: Supabase (PostgreSQL) with Row Stage Safety
- Authentication: Supabase Auth (e-mail/password)
- Funds: Stripe with webhooks
- AI Integration: Google Gemini API (gemini-2.5-pro mannequin)
- Notifications: Notistack for consumer suggestions
- Icons: Heroicons React
- Fonts: Playfair Show (Google Fonts)
System Necessities
- Node.js 18 or increased
- npm or yarn package deal supervisor
- Supabase account and challenge
- API keys for required companies (Google Gemini, Stripe, Supabase)
Deployment Choices
The applying will be deployed on:
- Vercel (beneficial for straightforward deployment with Subsequent.js)
- AWS EC2 (for extra management and customized server configuration)
- Any Node.js internet hosting platform that helps Subsequent.js
API and Service Necessities
To run this utility, you will want to create accounts and procure API keys from the next companies. Some companies provide free tiers appropriate for growth and small-scale manufacturing use.
Required Companies
Google Gemini AI
Google Gemini AI gives the AI fashions for recipe era. You’ll need to create an account at Google AI Studio and procure an API key. Pricing is predicated on API utilization, and also you pay per recipe era request. The applying makes use of the gemini-2.5-pro mannequin. Test Google Gemini AI pricing for present charges.
Supabase
Supabase handles consumer authentication, database storage, and consumer administration. The free tier consists of 500MB database storage, 50,000 month-to-month energetic customers, and 2GB bandwidth. Paid plans begin in case you exceed the free tier limits. Go to Supabase pricing web page for detailed pricing info.
Stripe
Stripe processes bank card funds for credit score purchases. Stripe costs a transaction payment of two.9% plus $0.30 per profitable transaction. There aren’t any month-to-month charges for traditional accounts. Go to Stripe pricing web page for full payment construction.
Set up and Setup
The applying consists of complete HTML documentation protecting:
- Atmosphere variable configuration
- Supabase database setup and migration SQL
- Supabase authentication setup
- Google Gemini API configuration
- Stripe cost setup and webhook configuration
- Deployment guides for Vercel and AWS EC2
- Frontend customization information
- Pricing and credit score configuration
- Person information and have documentation
All setup directions are offered in HTML documentation recordsdata included with the acquisition. The documentation consists of step-by-step guides with screenshots and code examples.
What’s Included
- Full Subsequent.js 15 utility supply code
- TypeScript supply recordsdata
- All UI parts and styling (Tailwind CSS)
- API routes: recipe era, historical past, recipe particulars, credit, profile, initialize-credits, Stripe checkout, cost verification, and webhooks
- Database schema and migration SQL scripts
- Supabase authentication integration
- Stripe cost processing integration
- Google Gemini AI integration
- Complete HTML documentation
- Atmosphere variable templates
- Deployment configuration recordsdata
- Error dealing with and validation
- Credit score administration system
- Recipe historical past and storage
Customization
The applying is absolutely customizable:
- Modify credit score package deal pricing and quantities
- Regulate credit score price per recipe era (default: 10 credit)
- Customise dietary preferences checklist
- Modify AI prompts for recipe era
- Change colour schemes and branding
- Modify UI parts and layouts
- Add customized options and performance
- Customise recipe show format
Help and Updates
This can be a full, production-ready utility. The code follows Node.js finest practices and Envato submission necessities. All code is well-structured, documented, and prepared for deployment. The applying consists of complete error dealing with, enter validation, and safe authentication mechanisms.
