⚡️🧠 CodeMind AI - Your Open Source Micro SaaS AI Code Companion

Welcome to CodeMind AI! 🚀

CodeMind AI is an open-source micro SaaS application designed to revolutionize the way developers interact with code. Inspired by the groundbreaking Bolt.New project by TubeGuruji, and powered by cutting-edge AI, CodeMind AI is your ultimate coding companion.

Whether you're a seasoned developer or just starting out, CodeMind AI streamlines your workflow, making coding faster, smarter, and more enjoyable.

💖 Support & Donations

If you find CodeMind AI helpful and would like to support its development, you can make a donation:

• PayPal: [email protected]

Your support is greatly appreciated and helps us continue to improve and maintain the project.

🎥 Video Tutorial

Watch the Video Tutorial to learn how to use CodeMind AI effectively.

✨ Features That Empower You

• 🤖 AI-Powered Code Generation: Harness the power of Google's Gemini AI to convert your ideas into functional code. Simply describe what you want, and watch as CodeMind AI generates code snippets or even entire project structures for you.

• 💬 Intelligent AI Chat Assistant: Engage in conversation with the AI to get coding advice, explanations, or help with debugging.

• 🖥 Interactive Workspace: Work within a user-friendly environment where you can edit code, converse with the AI, and visualize your projects instantly.

• 💻 Live Code Preview: Utilize Sandpack to get a real-time, interactive code editing and preview environment that updates as you type.

• 💰 Flexible Pricing: CodeMind AI offers plans tailored to your needs, including a free tier for casual users and premium plans for power users, ensuring everyone can benefit from its features.

• 🔒 Secure Authentication: Secure and straightforward login experience with Google OAuth, keeping your projects safe and accessible only to you.

• 💳 Seamless Payments: Upgrade your plan effortlessly with our integrated PayPal payment system, handling all transactions securely.

• 💾 Persistent Storage: Your work is important. With Convex, your projects are saved and accessible across all your sessions, from any device.

• 🎨 Customizable Themes and Settings: Personalize your workspace with customizable themes and settings to suit your coding style.

• 🌐 Cross-Platform Accessibility: Access CodeMind AI from any device with a web browser. It's cloud-based, so there's nothing to install.

🌐 Live Demo

Ready to experience CodeMind AI in action? Check out our live demo:

👉 Live Demo

🛠 Technologies Powering CodeMind AI

CodeMind AI is built with a modern stack designed for performance, scalability, and an excellent developer experience:

• Next.js: For building server-side rendered, SEO-friendly, and highly performant React applications.

• React: The core of our UI, providing a declarative and component-based approach to building interfaces.

• Tailwind CSS: A utility-first CSS framework that allows for rapid and custom UI development without leaving your HTML.

• Convex: Our backend platform of choice for seamless data storage, real-time updates, and serverless functions.

• Google Generative AI: Brings advanced AI capabilities, including natural language processing and code generation, to your fingertips.

• Sandpack: Enables live, interactive code editing and preview capabilities.

• PayPal API: For secure and straightforward payment processing, making plan upgrades a breeze.

• Lucide React: A library of beautiful, open-source icons to enhance the visual appeal of your projects.

🚀 Getting Started: Your Journey with CodeMind AI

Embarking on your CodeMind AI journey is easy. Follow these steps to get started:

1. Clone the Repository

git clone https://github.com/nasserml/code-mind-ai-bolt-clone.git
cd code-mind-ai-bolt-clone

2. Install Dependencies

You can use npm, yarn, pnpm, or bun to install the required packages:

npm install
# or
yarn install
# or
pnpm install
# or
bun install

3. Set Up Environment Variables

Create a .env file at the root of the project and populate it with your API keys and configuration details. Refer to .env.example for the structure.

NEXT_PUBLIC_GOOGLE_AUTH_CLIENT_ID=<your_google_auth_client_id>
CONVEX_DEPLOYMENT=<your_convex_deployment>
NEXT_PUBLIC_CONVEX_URL=<your_convex_url>
NEXT_PUBLIC_GEMINI_API_KEY=<your_gemini_api_key>
NEXT_PUBLIC_PAYPAL_CLIENT_ID=<your_paypal_client_id>

Note: You'll need to obtain API keys from the respective services.

4. Launch the Development Server

Start the development server:

npm run dev
# or
yarn dev
# or
pnpm dev
# or
bun dev

Open http://localhost:3000 in your browser to experience CodeMind AI locally.

5. Build for Production

To build the application for production:

npm run build

📂 Project Structure: A Deep Dive

Understanding the project structure helps with contributions and customizations:

code-mind-ai-bolt-clone/
├── app/                      # Main application logic
│   ├── (main)/               # Main app routes and layouts
│   │   ├── pricing/          # Pricing page
│   │   └── workspace/        # Workspace page for projects
│   ├── api/                  # API routes
│   │   ├── ai-chat/          # AI chat API endpoint
│   │   └── gen-ai-code/      # Code generation API endpoint
│   ├── ConvexClientProvider.jsx # Convex provider setup
│   ├── globals.css           # Global styles
│   ├── layout.js             # Root layout
│   ├── page.js               # Home page
│   └── provider.jsx          # Global state providers
├── components/               # Reusable UI components
│   ├── custom/               # Custom application-specific components
│   └── ui/                   # Shadcn UI components
├── configs/                  # Configuration for AI models and other settings
├── context/                  # React context for global state
├── convex/                   # Convex backend functions
│   ├── schema.js             # Database schema
│   ├── users.js              # User-related database operations
│   ├── workspace.js          # Workspace-related database operations
│   └── _generated/           # Auto-generated Convex files
├── data/                     # Static data (prompts, lookups, colors)
├── hooks/                    # Custom React hooks
├── lib/                      # Utility functions
├── public/                   # Public assets (images, icons)
├── .env.example              # Example environment variables
├── components.json           # Shadcn UI components configuration
├── jsconfig.json             # JavaScript configuration
├── next.config.mjs           # Next.js configuration
├── package.json              # Project dependencies and scripts
├── postcss.config.mjs        # PostCSS configuration
└── tailwind.config.mjs       # Tailwind CSS configuration

🤝 Contributing: Join the CodeMind AI Community

Contributions are what make the open-source community such a fantastic place to learn, inspire, and create. We warmly welcome contributions of all sizes, from bug fixes to major features.

How to Contribute

1. Fork the Repository: Click on the 'Fork' button on the top right to create a copy of the repository on your account.

2. Create a Feature Branch: Create a branch for your feature or bug fix.

   git checkout -b feature/your-feature-name

3. Develop Your Feature: Implement your feature or fix, adhering to the project's coding standards.

4. Commit Your Changes: Make your changes and commit them with clear, descriptive messages.

   git commit -am 'Add new feature: your feature name'

5. Push to Your Branch: Push your changes to your fork.

   git push origin feature/your-feature-name

6. Open a Pull Request: Go to the original repository and create a new pull request from your feature branch.

7. Await Review: A project maintainer will review your changes. Be prepared to make adjustments as needed.

📝 License

CodeMind AI is proudly open-source, licensed under the MIT License. This permissive license allows you to use, modify, and distribute the code, ensuring that CodeMind AI remains a community-driven project.

🙏 Acknowledgements

• Inspired by TubeGuruji's Bolt.New: Our heartfelt thanks to the incredible Bolt.New project, which served as significant inspiration for CodeMind AI.

• Amazing Technologies and Tools: Gratitude to Next.js, Convex, Google Generative AI, Sandpack, Tailwind CSS, and all the other technologies that make this project possible.

• The Open Source Community: A big thank you to the broader open-source community for your contributions, support, and spirit of collaboration.

📞 Contact & Support

Encounter an issue? Have a suggestion? Or just want to chat about the project? Feel free to reach out:

• Email: [email protected]
• GitHub Issues: For bug reports and feature requests, please open an issue on our GitHub repository.

🌟 Star the Project

If you find CodeMind AI useful, please consider giving it a star on GitHub! ⭐ It helps others find the project and motivates us to keep improving.

---

Crafted with ❤️ by Naser. Let's revolutionize coding together with CodeMind AI! 🎉