This project is a React application designed to visualize course data in a graphical format using ReactFlow library. This app allows users to explore courses and their dependencies through an interactive graph.
- Visual representation of courses and their dependencies.
- Click on a course node to view its details.
- Toggle visibility of the detail node for a selected course.
- Responsive design for different screen sizes.
- Use the mouse to interact with the graph.
- Click on a course node to view its details.
- Toggle visibility of the detail node by clicking on it.
- Explore the graph to understand course dependencies.
- Clone the repo:
git clone https://github.com/voage/TRUCSClassList.git- Navigate to the project directory & install dependencies:
cd course-visualization-app
npm install- Run the development server:
npm run dev- Open http://localhost:3000 in your browser to view the app.
Contributions are welcome! If you have a feature request, enhancement suggestion, or found a bug, please create an issue first to discuss it.