Master Ai
Master AI is a colaborative AI platform that combine other 5 AI platform that generate image, video, audio, code and text. this had been developed leveraging the power of the typescript, nextJs, prismdb,tailwind css the premium subscription using Stripe which give access to user to use the premium AI model. It accelerate the work by 40%.
Master AI
Built with Next.js 13, React, Tailwind, Prisma, Stripe
Introduction
Master AI is an innovative application that combines cutting-edge technologies to provide various AI-powered tools for creative content generation. Leveraging Next.js 13, React, Tailwind CSS, Prisma, and Stripe, this app offers functionalities such as Image Generation, Video Generation, Conversation Generation, Music Generation, and a Chatbot. Additionally, it incorporates a seamless payment gateway for premium features. The application is designed with responsiveness in mind, ensuring an optimal user experience across devices.
Features
- Tailwind design
- Tailwind animations and effects
- Full responsiveness
- Clerk Authentication (Email, Google, 9+ Social Logins)
- Client form validation and handling using react-hook-form
- Server error handling using react-toast
- Image Generation Tool (Open AI)
- Video Generation Tool (Replicate AI)
- Conversation Generation Tool (Open AI)
- Music Generation Tool (Replicate AI)
- Page loading state
- Stripe monthly subscription
- Free tier with API limiting
- How to write POST, DELETE, and GET routes in route handlers (app/api)
- How to fetch data in server react components by directly accessing - database (WITHOUT API! like Magic!)
- How to handle relations between Server and Child components!
- How to reuse layouts
- Folder structure in Next 13 App Router
Screenshot
Technologies Used
Next.js 13
React
Tailwind CSS
Prisma
Stripe
