{"id":22369501,"url":"https://github.com/ekramasif/geminicoder","last_synced_at":"2026-02-27T10:10:51.572Z","repository":{"id":261975894,"uuid":"885750485","full_name":"ekramasif/GeminiCoder","owner":"ekramasif","description":"Instantly convert ideas into app code with AI! This React app uses the Gemini API to generate and preview code from Markdown, making prototyping quick and seamless. Perfect for rapid app visualization and development.","archived":false,"fork":false,"pushed_at":"2025-03-25T18:00:09.000Z","size":298,"stargazers_count":13,"open_issues_count":1,"forks_count":8,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-05-31T13:05:25.074Z","etag":null,"topics":["code-assistant","code-generator","gemini-api","gemini-pro","geminicoder","generative-ai","google-gemini-ai","ui-generator"],"latest_commit_sha":null,"homepage":"https://gemini-coder.vercel.app","language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/ekramasif.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null,"zenodo":null}},"created_at":"2024-11-09T09:48:47.000Z","updated_at":"2025-05-10T07:48:23.000Z","dependencies_parsed_at":"2024-11-09T17:24:59.359Z","dependency_job_id":"193fb2f0-2f38-4fac-8e81-07ddbc8e3d36","html_url":"https://github.com/ekramasif/GeminiCoder","commit_stats":null,"previous_names":["ekramasif/geminicoder"],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/ekramasif/GeminiCoder","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ekramasif%2FGeminiCoder","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ekramasif%2FGeminiCoder/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ekramasif%2FGeminiCoder/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ekramasif%2FGeminiCoder/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/ekramasif","download_url":"https://codeload.github.com/ekramasif/GeminiCoder/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ekramasif%2FGeminiCoder/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":29890755,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-02-27T09:48:51.284Z","status":"ssl_error","status_checked_at":"2026-02-27T09:48:43.992Z","response_time":57,"last_error":"SSL_read: unexpected eof while reading","robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":false,"can_crawl_api":true,"host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["code-assistant","code-generator","gemini-api","gemini-pro","geminicoder","generative-ai","google-gemini-ai","ui-generator"],"created_at":"2024-12-04T19:26:10.245Z","updated_at":"2026-02-27T10:10:51.537Z","avatar_url":"https://github.com/ekramasif.png","language":"JavaScript","readme":"# GeminiCoder - App Idea Generator\n\nGeminiCoder is a web application that helps users transform their app ideas into reality by generating HTML and Tailwind CSS code using AI. The application leverages the Google Generative AI model to provide detailed technical specifications based on user input.\n\n## Features\n\n- **AI-Powered Code Generation**: Generate HTML and Tailwind CSS code based on your app idea.\n\n## Getting Started\n\nThis project was bootstrapped with [Create React App](https://github.com/facebook/create-react-app).\n\n### Prerequisites\n\n- Node.js (version 14 or higher)\n- npm (Node Package Manager)\n\n### Installation\n\n1. Clone the repository:\n\n   ```bash\n   git clone https://github.com/ekramasif/GeminiCoder.git\n   cd GeminiCoder\n   ```\n\n2. Install the dependencies:\n\n   ```bash\n   npm install\n   ```\n\n3. Set up your environment variables. Create a `.env` file in the root directory and add your Google Generative AI API key:\n\n   ```plaintext\n   REACT_APP_GEMINI_API_KEY=your_api_key_here\n   ```\n\n### Obtaining Your Google Generative AI API Key\n\nTo use the Google Generative AI model, you need to obtain an API key. Follow these steps:\n\n1. **Create a Google Cloud Project**:\n   - Go to the [ai.google.dev](https://ai.google.dev/gemini-api/docs/api-key).\n   - Click on the project drop-down and select or create a new project.\n\n2. **Enable the Google Generative AI API**:\n   - In the Google Cloud Console, navigate to the **API \u0026 Services** dashboard.\n   - Click on **Enable APIs and Services**.\n   - Search for \"Google Generative AI\" and enable it for your project.\n\n3. **Create Credentials**:\n   - In the API \u0026 Services dashboard, click on **Credentials** in the left sidebar.\n   - Click on **Create Credentials** and select **API Key**.\n   - Your new API key will be generated. Copy this key.\n\n4. **Add the API Key to Your `.env` File**:\n   - Open the `.env` file you created in the root directory of your project.\n   - Replace `your_api_key_here` with the API key you copied.\n\n### Running the Application\n\nIn the project directory, you can run:\n\n#### `npm start`\n\nRuns the app in development mode.\\\nOpen [http://localhost:3000](http://localhost:3000) to view it in your browser.\n\nThe page will reload when you make changes.\\\nYou may also see any lint errors in the console.\n\n\n## Acknowledgments\n\n- [Google Generative AI](https://cloud.google.com/generative-ai) for providing the AI model.\n- [Tailwind CSS](https://tailwindcss.com/) for the utility-first CSS framework.\n- [React](https://reactjs.org/) for the JavaScript library for building user interfaces.\n","funding_links":[],"categories":[],"sub_categories":[],"project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fekramasif%2Fgeminicoder","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fekramasif%2Fgeminicoder","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fekramasif%2Fgeminicoder/lists"}