{"id":29006429,"url":"https://github.com/dineshkumar-mb/flowchart-maker","last_synced_at":"2025-06-25T12:31:55.599Z","repository":{"id":297797649,"uuid":"997782960","full_name":"dineshkumar-mb/flowchart-maker","owner":"dineshkumar-mb","description":"flowchart maker app using web api and gemini api","archived":false,"fork":false,"pushed_at":"2025-06-07T14:04:35.000Z","size":43,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":0,"default_branch":"master","last_synced_at":"2025-06-07T15:19:07.356Z","etag":null,"topics":["api","gemini-api","web"],"latest_commit_sha":null,"homepage":"","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/dineshkumar-mb.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":"2025-06-07T07:04:57.000Z","updated_at":"2025-06-07T14:04:39.000Z","dependencies_parsed_at":"2025-06-07T15:29:31.633Z","dependency_job_id":null,"html_url":"https://github.com/dineshkumar-mb/flowchart-maker","commit_stats":null,"previous_names":["dineshkumar-mb/flowchart-maker"],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/dineshkumar-mb/flowchart-maker","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/dineshkumar-mb%2Fflowchart-maker","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/dineshkumar-mb%2Fflowchart-maker/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/dineshkumar-mb%2Fflowchart-maker/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/dineshkumar-mb%2Fflowchart-maker/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/dineshkumar-mb","download_url":"https://codeload.github.com/dineshkumar-mb/flowchart-maker/tar.gz/refs/heads/master","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/dineshkumar-mb%2Fflowchart-maker/sbom","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":261874576,"owners_count":23223143,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","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":["api","gemini-api","web"],"created_at":"2025-06-25T12:30:44.621Z","updated_at":"2025-06-25T12:31:55.571Z","avatar_url":"https://github.com/dineshkumar-mb.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# React + Vite\n\nThis template provides a minimal setup to get React working in Vite with HMR and some ESLint rules.\n\nCurrently, two official plugins are available:\n\n- [@vitejs/plugin-react](https://github.com/vitejs/vite-plugin-react/blob/main/packages/plugin-react/README.md) uses [Babel](https://babeljs.io/) for Fast Refresh\n- [@vitejs/plugin-react-swc](https://github.com/vitejs/vite-plugin-react-swc) uses [SWC](https://swc.rs/) for Fast Refresh\n\n## Expanding the ESLint configuration\n\nIf you are developing a production application, we recommend using TypeScript and enable type-aware lint rules. Check out the [TS template](https://github.com/vitejs/vite/tree/main/packages/create-vite/template-react-ts) to integrate TypeScript and [`typescript-eslint`](https://typescript-eslint.io) in your project.\n\n\n# Flowchart Maker App\n\nA web-based **Flowchart Making Application** built with **React.js** that allows users to create customizable flowcharts using various shapes such as circles, diamonds, rectangles, squares, hexagons, and straight lines. The app also integrates voice-to-text functionality using the **Gemini API** and **Web APIs** to enable voice commands for creating and manipulating flowchart elements.\n\n---\n\n## Features\n\n- **Drag \u0026 Drop** flowchart shapes: Circle, Diamond, Rectangle, Square, Hexagon, Straight Line, and more.\n- **Connect shapes** with lines to visualize process flows.\n- **Voice-to-Text Integration** using Gemini API \u0026 Web Speech API:\n  - Create shapes via voice commands.\n  - Label shapes using voice input.\n- **Interactive UI** with smooth drag, resize, and delete options for flowchart elements.\n- **Export and Save** flowcharts (planned feature).\n- Responsive design for desktop and tablet devices.\n\n---\n\n## Tech Stack\n\n- **Frontend:** React.js (Functional Components \u0026 Hooks)\n- **APIs:** Gemini API for advanced voice recognition and Web Speech API for native browser voice input\n- **Styling:** CSS / Bootstrap (or your styling library)\n- **State Management:** React state and context (or Redux if used)\n\n---\n\n## Getting Started\n\n\nhttps://github.com/user-attachments/assets/6cfd954c-a166-4811-a4c2-d3f2a85f91c2\n\n\n### Prerequisites\n\n- Node.js (v14+ recommended)\n- npm or yarn\n\n### output\n\n\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fdineshkumar-mb%2Fflowchart-maker","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fdineshkumar-mb%2Fflowchart-maker","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fdineshkumar-mb%2Fflowchart-maker/lists"}