GeminiCoder : Basé sur le projet LlamaCoder, utilisez l'API Gemini pour générer rapidement des applications web.

Introduction générale

GeminiCoder est un logiciel basé sur Google Gémeaux Développement API d'outils innovants de génération d'applications Web. Le projet hérite de l LlamaCoder et intègre de puissants modèles d'IA tels que les derniers Gemini 1.5 Pro, Gemini 1.5 Flash et Gemini 2.0 Flash Experimental. Grâce à de simples invites textuelles, les utilisateurs peuvent rapidement générer des applications web complètes. Le projet utilise une pile de technologies modernes, notamment le framework Next.js et la bibliothèque de style CSS Tailwind, et intègre le bac à sable de code en ligne Sandpack pour offrir aux développeurs une expérience d'édition de code fluide et de prévisualisation en temps réel.GeminiCoder simplifie grandement le processus de développement d'applications, permettant de transformer rapidement les idées en réalité.

Liste des fonctions

• Prise en charge de la génération d'applications web complètes à partir d'invites en langage naturel
• Intégration des derniers modèles expérimentaux d'IA Gemini 1.5 Pro et 2.0 Flash
• Fournit des capacités d'édition et de prévisualisation du code en temps réel
• Environnement Sandpack intégré
• Prise en charge des piles technologiques Next.js et Tailwind CSS
• Configuration complète de l'environnement de développement local
• Soutenir Google AI Studio Intégration des clés API
• Capacités de génération d'applications extensibles

Utiliser l'aide

1. configuration de l'environnement

Vous devez d'abord suivre les étapes suivantes pour configurer l'environnement de développement :

1. Obtenir la clé API
   • entretiensGoogle AI Studio
   • S'enregistrer et créer une nouvelle clé API
   • Sauvegarder la clé API pour une utilisation ultérieure
2. Étapes de l'installation locale

   # 克隆项目仓库
   git clone https://github.com/osanseviero/geminicoder
   # 创建环境配置文件
   touch .env
   # 在.env文件中添加API密钥
   GOOGLE_AI_API_KEY=你的API密钥
   # 安装依赖
   npm install
   # 启动开发服务器
   npm run dev
   

2. flux d'utilisation

1. Génération d'applications :
   • Accès au serveur de développement local (adresse par défaut : http://localhost:3000)
   • Décrivez l'application que vous souhaitez créer dans la zone de saisie de l'invite
   • Utiliser le langage naturel pour détailler les fonctions et les caractéristiques de l'application
   • Cliquez sur le bouton Générer pour lancer la création de l'application.
2. Édition et prévisualisation du code :
   • Visualisation du code généré dans l'éditeur de code Sandpack
   • Modifier et ajuster le contenu du code en temps réel
   • Voir l'application en action dans la fenêtre de prévisualisation
   • Prise en charge de l'édition et de la gestion de fichiers multiples
3. Intégration de la technologie :
   • Toutes les fonctionnalités modernes de Next.js peuvent être utilisées
   • Styliser avec Tailwind CSS
   • Prise en charge du développement basé sur les composants
   • Des dépendances et des fonctionnalités supplémentaires peuvent être ajoutées
4. Propositions de développement :
   • Fournir des conseils clairs et spécifiques pour mieux générer des résultats
   • Essai de différents effets de génération avec différents modèles de l'API Gemini
   • Synchroniser régulièrement les mises à jour des dépendances du projet afin d'obtenir les dernières fonctionnalités.
   • Se référer à la documentation du projet pour les extensions de fonctionnalités et les personnalisations.

3) Précautions

• Il s'agit d'un projet personnel, pas d'un projet officiel de Google !
• Nécessité de sécuriser la clé API et de ne pas l'intégrer au dépôt de code
• Une connexion internet stable est nécessaire pour le développement local
• Il est recommandé d'effectuer des sauvegardes régulières du code généré
• L'application générée peut nécessiter une optimisation et une mise au point supplémentaires.