README.md

metadata

sdk: docker

DevCore AI Toolkit

DevCore is a developer-centric web application designed to showcase the power of AI in the development process. It's a static application that can be deployed to any modern hosting provider.

Key Features

• Purely Static: Runs entirely in the browser with no server backend required.
• Easy Deployment: Deploy to any static hosting provider like Hugging Face Spaces, Vercel, or Netlify.
• AI Feature Builder: Describe a new UI component, and the AI will generate the TSX/JSX code, unit tests, and a conventional commit message.
• AI Code Explainer: Paste any code snippet and get a detailed, easy-to-understand explanation and a visual flowchart generated by Gemini.
• Comprehensive Tooling: Includes a RegEx Sandbox, Snippet Vault, Code Migrator, and dozens of other AI-powered and simulated developer tools.

Local Development Setup

Prerequisites: Node.js

1. Clone the repository.

2. Install dependencies:

   npm install
   

3. Set up your local environment variables: Create a file named .env.local in the root of the project and add your Gemini API key:

   GEMINI_API_KEY=your_gemini_api_key_here
   

4. Run the development server:

   npm run dev
   

   The application will be available at http://localhost:5173.

Deployment

This is a static web application that calls the Gemini API directly from the client. To deploy it, you need to:

1. Build the Project:

   npm run build
   

   This creates a web directory with your static app.

2. Set Environment Variable: Your hosting provider (like Hugging Face Spaces, Vercel, Netlify, etc.) needs to have the GEMINI_API_KEY environment variable set during the build process.

   • Name: GEMINI_API_KEY
   • Value: Your actual Gemini API key.

3. Deploy: Deploy the contents of the web directory as a static site. Ensure your hosting provider's build command is npm run build.