Welcome to AItopia, an innovative AI-powered platform that brings cutting-edge tools to creators, developers, and businesses. Whether you're generating stunning artwork, analyzing data, or enhancing productivity, AItopia offers a seamless and intuitive experience to unlock the full potential of artificial intelligence.
- Diverse AI Tools: Access a suite of tools including Artisan AI for digital art, VoiceCraft for voice modulation, LingoSync for video subtitles, and more.
- User-Friendly Dashboard: Manage your profile, subscriptions, and analytics with an elegant, responsive interface.
- Flexible Plans: Choose from Starter, Pro, or Enterprise packages tailored to your needs, with customizable tool selections.
- Secure Authentication: Robust user authentication and settings management for a personalized experience.
- Scalable Backend: Powered by Node.js and Prisma, ensuring high performance and reliability.
- Modern Frontend: Built with Next.js, Tailwind CSS, and TypeScript for a fast and beautiful UI.
- Next.js: React framework for server-side rendering and static site generation.
- TypeScript: Strongly-typed JavaScript for enhanced developer experience.
- Tailwind CSS: Utility-first CSS framework for rapid and responsive design.
- Framer Motion: Smooth animations for a polished UI.
- Lucide React: Lightweight icon library for consistent visuals.
- Node.js & Express: Fast and scalable server-side framework.
- Prisma ORM: Modern database access with type-safe queries.
- TypeScript: Ensures robust and maintainable server code.
- CORS & Authentication: Secure API endpoints with middleware.
- Prisma with PostgreSQL/MySQL: Flexible schema management and migrations (configured in
prisma/schema.prisma).
- Node.js: v18 or higher
- npm: v9 or higher
- Database: PostgreSQL or MySQL (configured via Prisma)
- Environment Variables:
- Frontend:
.env.localwithNEXT_PUBLIC_API_BASE_URL - Backend:
.envwithDATABASE_URL,PORT,NEXT_FRONTEND_URL
- Frontend:
-
Clone the Repository:
git clone https://github.com/yourusername/AItopia.git cd AItopia -
Set Up Frontend:
cd frontend npm installCreate a
.env.localfile:NEXT_PUBLIC_API_BASE_URL=http://localhost:5000/api -
Set Up Backend:
cd ../backend npm installCreate a
.envfile (use.env.exampleas a template):DATABASE_URL="your-database-connection-string" PORT=5000 NEXT_FRONTEND_URL=http://localhost:3000 -
Initialize Database:
cd backend npx prisma migrate dev -
Run the Application:
- Start the backend:
cd backend npm run dev - Start the frontend:
cd frontend npm run dev - Open
http://localhost:3000in your browser.
- Start the backend:
| Dashboard | Tool Selection |
|---|---|
![]() |
![]() |
npm run dev: Run the development server.npm run build: Build for production.npm run start: Serve the production build.npm run lint: Run ESLint for code quality.
npm run dev: Run with nodemon for auto-reload.npm run start: Run the production server.npx prisma migrate dev: Apply database migrations.npx prisma studio: Launch Prisma Studio for database management.
- Users:
/api/users/profile,/api/users/notifications,/api/users/subscription - Tools:
/api/tools(list available tools) - Payments:
/api/create-razorpay-order,/api/verify-razorpay-payment
Note: Authentication required for most endpoints (Bearer token).
We welcome contributions! Please follow these steps:
- Fork the repository.
- Create a feature branch (
git checkout -b feature/YourFeature). - Commit your changes (
git commit -m 'Add YourFeature'). - Push to the branch (
git push origin feature/YourFeature). - Open a Pull Request.
- GitHub Issues: Create an issue
Built with 💻 and ☕ by the Me. Let’s shape the future of AI together! 🌍


