This SaaS application allows users to generate images, music, videos, and code. It also features a chatbot that answers queries. The application leverages the OpenAI API and Replicate AI for content generation. Crisp powers integrated customer support, and Clerk handles user authentication.
- Content Generation: Generate images, music, videos, and code using the power of OpenAI and Replicate AI APIs.
- Chatbot: A chatbot is available for users to ask queries and get answers.
- User Authentication: Secure user login and management via Clerk.
- Customer Support: Instant customer support via Crisp's live chat feature.
- Subscription Model: Free access for 3 tries, followed by a subscription model using Stripe for payment processing.
- Modern UI: A responsive, user-friendly interface built with TailwindCSS and ShadCN UI.
- Frontend: Next.js, Typescript, TailwindCSS, ShadCN UI, Framer-Motion
- Backend: Node.js (Next.js API routes), Prisma ORM
- Database: PostgreSQL
- Authentication: Clerk
- Payment Integration: Stripe
- Customer Support: Crisp
- AI Content Generation: OpenAI API, Replicate AI
- Ensure you have Node.js installed.
- Make sure you have a PostgreSQL database set up and running.
- Create accounts for the following services and set up the necessary API keys:
- Clone the repository:
git clone https://github.com/AyushRay06/Dr-Doom.git
- Install dependencies:
cd <project_directory> npm install
- Set up environment variables: Create a .env.local file in the root of the project and add the following:
NEXT_PUBLIC_OPENAI_API_KEY=your_openai_api_key
NEXT_PUBLIC_REPLICATE_API_KEY=your_replicate_api_key
CLERK_FRONTEND_API=your_clerk_frontend_api
CLERK_API_KEY=your_clerk_api_key
STRIPE_SECRET_KEY=your_stripe_secret_key
CRISP_WEBSITE_ID=your_crisp_website_id
DATABASE_URL=your_postgresql_connection_string
- Run migrations (using Prisma):
npx prisma migrate dev
- Start the development server:
npm run dev
You can further customize the setup and add more specific details as needed.