{"id":25427962,"url":"https://github.com/swebi/nexus","last_synced_at":"2026-05-06T00:32:48.669Z","repository":{"id":250400250,"uuid":"834357110","full_name":"Swebi/Nexus","owner":"Swebi","description":"Nexus is a tool for visualizing and managing complex project structures using flowchart based UIs","archived":false,"fork":false,"pushed_at":"2024-08-03T17:56:11.000Z","size":2251,"stargazers_count":3,"open_issues_count":0,"forks_count":2,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-02-17T01:31:47.045Z","etag":null,"topics":["react","react-flow","typescript"],"latest_commit_sha":null,"homepage":"","language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/Swebi.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","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-07-27T03:29:54.000Z","updated_at":"2024-10-05T09:52:55.000Z","dependencies_parsed_at":"2024-08-03T18:58:24.253Z","dependency_job_id":"1d14cf5e-7fd1-401a-b0f5-a360338f6c2b","html_url":"https://github.com/Swebi/Nexus","commit_stats":null,"previous_names":["swebi/nexus"],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Swebi%2FNexus","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Swebi%2FNexus/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Swebi%2FNexus/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Swebi%2FNexus/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/Swebi","download_url":"https://codeload.github.com/Swebi/Nexus/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":254084409,"owners_count":22011905,"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":["react","react-flow","typescript"],"created_at":"2025-02-17T01:31:16.914Z","updated_at":"2026-05-06T00:32:48.623Z","avatar_url":"https://github.com/Swebi.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"\u003ch1 align=\"center\" id=\"title\"\u003eNexus\u003c/h1\u003e\n\n\u003cp id=\"description\"\u003eNexus is a powerful solution for visualizing and managing complex project structures. By providing a clear and interactive overview of project components and their relationships, this tool enhances transparency, communication, and decision-making, ultimately leading to more successful and efficient project execution.\u003c/p\u003e\n\n![image](https://github.com/user-attachments/assets/5f088e71-fb2f-4ca3-b0d7-ba709e8ee302)\n\n\n## Demo Video\nhttps://youtu.be/8McLDcL-MpQ \u003c/br\u003e\nBuilt at FOSS Hack 2024\n\n## Features\n\n- [x] User can give their local folder path to get visualisations.\n- [x] User can visualise their repositories using the dynamic flow chart .\n- [x] Use of various colours to represent the hierarchy of the directories and the files\n- [x] User can change the structure of the code to generate the JSON File.\n- [x] The User can specify which all files or folders he wants to omit from the visualisation.\n- [x] Use the JSON File thus generated to make flows for the code and for the user to edit accordingly.\n\n\u003ch2\u003e🛠 Installation Steps:\u003c/h2\u003e\n\n\u003e [!NOTE]  \nRun the commands before starting the client and server\n\n```\npnpm i\n```\n\n\u003ch3\u003eTo run only the client\u003c/h3\u003e\n\n```\npnpm start:client\n```\n\n\u003ch3\u003eTo run only the server\u003c/h3\u003e\n\n```\npnpm start:server\n```\n\n\u003ch3\u003eTo run both client and server at the same time\u003c/h3\u003e\n\n```\npnpm dev\n```\n\n## Acknowledgements\n\nThis project makes use of the following libraries:\n\n- [Biome](https://biomejs.dev/) - A formatter which is better used for linting and formatting purposes\n- [React-Flow](https://reactflow.dev/) - A customizable React component for building node-based editors and interactive diagrams\n- [DagreJS](https://www.npmjs.com/package/dagrejs)- A Library that generates layout\n- [HeadlessUI](https://headlessui.com/) - Completely unstyled, fully accessible UI components, designed to integrate beautifully with Tailwind CSS.\n- [FileSaver](https://www.npmjs.com/package/file-saver) - FileSaver.js is the solution to saving files on the client-side, and is perfect for web apps that generates files on the client\n- [pnpm](https://pnpm.io/) - Fast Disk Space Efficient Package Manager.\n\n## Future Implementations\n- [x] Integration of CI/CD tools like GitHub.\n- [x] Integrate LLM for cool explanation and understanding\n\n## Challenges Faced\n- [x] Making the recursive function for the generation of nodes.\n- [x] Making the service functions for the backend and its clean implementation\n- [x] Implementing pnpm workspaces for running client and server together\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fswebi%2Fnexus","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fswebi%2Fnexus","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fswebi%2Fnexus/lists"}