Genius

A simplistic AI platform both in design and usability.

Live demo: https://genius-six-nu.vercel.app/

NOTE: No API keys are set so the AI features do not function and is for display purposes only. For full functionality follow the below instructions. To test payments utilise Stripes test credit card details.

Getting Started

1. Clone this repository:

git clone https://github.com/domdechiera/genius

2. Install dependencies:

npm install

3. Rename .env-example to .env and fill in your API keys, Supabase database URL, and Stripe webhooks endpoint URL obtained from:

   • Open AI API Keys: https://platform.openai.com/api-keys
   • Replicate API Keys: https://replicate.com/account/api-tokens
   • Clerk API Keys: https://dashboard.clerk.com/app/instances/api-keys
   • Stripe API Keys: https://dashboard.stripe.com/test/apikeys
   • Stripe Webhook Endpoint Creation and Secret Key: https://dashboard.stripe.com/test/workbench/webhooks
   • Supabase API Keys: https://supabase.com/dashboard/project/[Your-Project-Name]/settings/api
   • Supabase Database URL: https://supabase.com/dashboard/project/[Your-Project-Name]/settings/database

4. Run the development server:

npm run dev

4. For testing of Stripe payments run the following in a separate shell:

stripe listen --forward-to localhost:3000/api/webhook

5. For ease of database management run:

npx prisma studio

Open http://localhost:3000 with your browser to see the result.

The Stack

This is a Next.js project bootstrapped with create-next-app.

This project utilises the following third-party tools:

• Clerk - Authentication and user management.
• Supabase - The open source Firebase alternative.
• Stripe - Payment processing and subscription management.
• shadcn/ui - Beautifully designed components that you can copy and paste into your apps.
• Vercel - Build, scale, and secure a faster, more personalised web.
• Lucide - Beautiful and consistent icons.
• Crisp - Business messaging platform.
• Tailwind CSS - Rapidly build modern websites without ever leaving your HTML.
• TypeScript - JavaScript with syntax for types.
• OpenAI API - API platform with latest models including DALL-E (Image Generation) and GPT 4o-mini (Conversation and Code Generation).
• Replicate AI - Variety of AI models through a single API (Video and Music Generation).
• Prisma ORM - Simplify working and interacting with databases.

Deploy on Vercel

The easiest way to deploy your Next.js app is to use the Vercel Platform from the creators of Next.js.

Check out the Next.js deployment documentation for more details.

---

Looking to learn how to code? Check out Code with Antonio.