{"id":26915821,"url":"https://github.com/ritik48/workflow","last_synced_at":"2026-04-09T22:47:19.888Z","repository":{"id":237664251,"uuid":"794991804","full_name":"ritik48/Workflow","owner":"ritik48","description":"Workflow: A React Flow-powered web app for easy workflow creation and management. Edit nodes, rearrange layouts, and connect tasks seamlessly. Streamline your workflow now!","archived":false,"fork":false,"pushed_at":"2024-05-02T11:34:47.000Z","size":64,"stargazers_count":0,"open_issues_count":0,"forks_count":1,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-04-01T18:52:20.539Z","etag":null,"topics":["nodes-in-a-graph","react","react-flow"],"latest_commit_sha":null,"homepage":"https://workflow-dev.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/ritik48.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}},"created_at":"2024-05-02T11:20:15.000Z","updated_at":"2024-05-03T18:45:20.000Z","dependencies_parsed_at":"2024-05-02T23:51:50.706Z","dependency_job_id":"e5830cfc-a0cb-4463-8435-adffd382fb7b","html_url":"https://github.com/ritik48/Workflow","commit_stats":null,"previous_names":["ritik48/workflow"],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/ritik48/Workflow","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ritik48%2FWorkflow","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ritik48%2FWorkflow/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ritik48%2FWorkflow/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ritik48%2FWorkflow/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/ritik48","download_url":"https://codeload.github.com/ritik48/Workflow/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ritik48%2FWorkflow/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":272013797,"owners_count":24858527,"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","status":"online","status_checked_at":"2025-08-25T02:00:12.092Z","response_time":1107,"last_error":null,"robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":true,"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":["nodes-in-a-graph","react","react-flow"],"created_at":"2025-04-01T18:39:49.172Z","updated_at":"2026-04-09T22:47:19.811Z","avatar_url":"https://github.com/ritik48.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# 🔄 Workflow\n\nWorkflow is a simple web application built with React Flow that allows users to create and manage multiple workflows. Each workflow consists of interconnected nodes/cards that represent different tasks or stages in the workflow. Users can edit the details of each node and their positions are persisted using local storage.\n\n## 🚀 Features\n\n- Create multiple workflows with interconnected nodes.\n- Edit the title and description of each node.\n- Drag and drop nodes to rearrange them within the workflow.\n- Connections between nodes are automatically saved.\n- Node positions are persisted using local storage, ensuring that the layout is maintained even after page refresh.\n\n## 🛠️ Technologies Used\n\n- React.js: A JavaScript library for building user interfaces.\n- React Flow: A React component for building interactive node-based graphs.\n- Local Storage: HTML5 feature used to store data locally within the user's browser.\n\n## 📥 Installation\n\n1. Clone the repository:\n\n    `https://github.com/ritik48/Workflow.git`\n\n2. Navigate to the project directory:\n\n    `cd workflow`\n\n\n3. Install dependencies:\n\n    `npm install`\n\n\n4. Start the development server:\n\n    `npm run dev`\n\n\n5. Open [http://localhost:5173](http://localhost:5173) in your browser to view the application.\n\n## 📝 Usage\n\n- To create a new workflow, click on the \"Add new Workflow\" button on the dashboard.\n- Select the node from the dropdown to add them to the workflow.\n- Click on a node to edit its title and description.\n- Drag nodes to rearrange their positions within the workflow.\n- Connect nodes by dragging from one node's port to another.\n- Changes are automatically saved to local storage, so your progress is preserved even if you close the browser or refresh the page.\n\n## 🤝 Contributing\n\nContributions are welcome! If you have any suggestions, bug reports, or feature requests, please open an issue on the GitHub repository. Pull requests are also appreciated.\n\n\n\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fritik48%2Fworkflow","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fritik48%2Fworkflow","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fritik48%2Fworkflow/lists"}