{"id":15136667,"url":"https://github.com/ksanjeeb/xlflow","last_synced_at":"2025-10-23T11:31:39.988Z","repository":{"id":253566097,"uuid":"843880269","full_name":"ksanjeeb/xlflow","owner":"ksanjeeb","description":"A node-based editor designed for seamless data exploration, analysis, and transformation. Empower your workflow with a visual interface that eliminates the need for coding.","archived":false,"fork":false,"pushed_at":"2024-09-06T19:53:39.000Z","size":3510,"stargazers_count":5,"open_issues_count":0,"forks_count":1,"subscribers_count":1,"default_branch":"master","last_synced_at":"2025-01-30T18:06:08.700Z","etag":null,"topics":["appwrite","data-grid","react","reactflow","reactjs","shadcn-ui","webworker"],"latest_commit_sha":null,"homepage":"https://xlflow.vercel.app","language":"TypeScript","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/ksanjeeb.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-08-17T17:43:28.000Z","updated_at":"2024-12-21T05:40:54.000Z","dependencies_parsed_at":"2024-09-26T06:40:30.335Z","dependency_job_id":null,"html_url":"https://github.com/ksanjeeb/xlflow","commit_stats":{"total_commits":74,"total_committers":1,"mean_commits":74.0,"dds":0.0,"last_synced_commit":"71937e4306467bc2ffe3064cbca98b35e1eb102e"},"previous_names":["ksanjeeb/xlflow"],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ksanjeeb%2Fxlflow","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ksanjeeb%2Fxlflow/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ksanjeeb%2Fxlflow/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ksanjeeb%2Fxlflow/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/ksanjeeb","download_url":"https://codeload.github.com/ksanjeeb/xlflow/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":237821605,"owners_count":19371796,"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":["appwrite","data-grid","react","reactflow","reactjs","shadcn-ui","webworker"],"created_at":"2024-09-26T06:40:27.549Z","updated_at":"2025-10-23T11:31:39.593Z","avatar_url":"https://github.com/ksanjeeb.png","language":"TypeScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# XlFlow - A Node-Based Editor\n\n## Overview\n\nXlFlow is a node-based editor designed for exploring, analyzing, and transforming data without the need to write code. It offers built-in transformation blocks for tasks like filtering, grouping, merging, and sorting data. Additionally, it features custom code blocks, allowing for advanced data manipulation. The platform provides quick data insights by automatically selecting the appropriate output view for your dataset. Built on the open-source library React Flow, XlFlow simplifies data-wrangling tasks for users.\n\n![Example Image](/public/image-1.png)\n\n## Tech Stack\n\n- **Frontend:** React (Vite), Shadcn UI\n- **Flow Management:** React-Flow\n- **Data Handling:** Web Worker, Glide Data Grid\n- **Backend:** Appwrite\n\nProcessing Large Datasets with Web Workers\nTo efficiently handle and process large datasets, we leverage separate threads using web workers. This approach helps in offloading intensive tasks from the main thread, enhancing the overall performance and responsiveness of our application.\nWe utilize the @shopify/react-web-worker library to integrate web workers seamlessly.\nAlternative: Native Web Worker API\nAs an alternative, we can use the native Web Worker API, which involves:\nCreating Workers: Using the Worker object to spawn new web workers.\nCommunication: Utilizing the postMessage API to send and receive messages between the main thread and the worker.\nBoth methods are effective in handling complex computations without blocking the user interface.\nFor more details on web workers, refer to the MDN Web Docs on [Web Workers](https://developer.mozilla.org/en-US/docs/Web/API/Web_Workers_API).\n\n\n## Setup Instructions\n\n1. Install the necessary dependencies:\n\n   ```bash\n   npm install --force\n    ```\n\n2. Create a .env file in the root directory for Appwrite connection and add the following variables:\n\n   ```bash\n   VITE_APPWRITE_PROJECT_ID=6428364234239849823 # Replace this\n   VITE_DATABASE_ID=742736476328746832832 # Replace this\n   VITE_COLLECTION_ID=7798984329843244 # Replace this\n    ```\n3. Set up Appwrite collection attributes as shown in the image:\n\n   ![Collection attributes](image.png)\n\n\n4. Start the development server:\n\n    ```bash\n   npm start\n    ```\n\n5. Hooray!! Access the UI at http://localhost:5173.\n\nCheckout our deployed version : https://xlflow.vercel.app\n\n***This project is open source and welcomes contributions! If you're interested in adding new blocks or enhancing existing ones, we encourage you to contribute. Whether it's improving functionality, fixing bugs, or introducing new features, your contributions are highly valued. Reach me at code.sanjeeb@gmail.com***\n\n\n\n\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fksanjeeb%2Fxlflow","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fksanjeeb%2Fxlflow","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fksanjeeb%2Fxlflow/lists"}