Nexus 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.
https://youtu.be/8McLDcL-MpQ
Built at FOSS Hack 2024
- User can give their local folder path to get visualisations.
- User can visualise their repositories using the dynamic flow chart .
- Use of various colours to represent the hierarchy of the directories and the files
- User can change the structure of the code to generate the JSON File.
- The User can specify which all files or folders he wants to omit from the visualisation.
- Use the JSON File thus generated to make flows for the code and for the user to edit accordingly.
Note
Run the commands before starting the client and server
pnpm i
pnpm start:client
pnpm start:server
pnpm dev
This project makes use of the following libraries:
- Biome - A formatter which is better used for linting and formatting purposes
- React-Flow - A customizable React component for building node-based editors and interactive diagrams
- DagreJS- A Library that generates layout
- HeadlessUI - Completely unstyled, fully accessible UI components, designed to integrate beautifully with Tailwind CSS.
- FileSaver - FileSaver.js is the solution to saving files on the client-side, and is perfect for web apps that generates files on the client
- pnpm - Fast Disk Space Efficient Package Manager.
- Integration of CI/CD tools like GitHub.
- Integrate LLM for cool explanation and understanding
- Making the recursive function for the generation of nodes.
- Making the service functions for the backend and its clean implementation
- Implementing pnpm workspaces for running client and server together