https://github.com/chrisvilches/beautiful-bridges
This is a small web application for visualizing the Beautiful Bridges problem, which appeared in the ACM-ICPC World Finals 2019 (competitive programming contest).
https://github.com/chrisvilches/beautiful-bridges
algorithm-visualisation algorithms backbone backbonejs computational-geometry dynamic-programming tailwindcss threejs
Last synced: 2 months ago
JSON representation
This is a small web application for visualizing the Beautiful Bridges problem, which appeared in the ACM-ICPC World Finals 2019 (competitive programming contest).
- Host: GitHub
- URL: https://github.com/chrisvilches/beautiful-bridges
- Owner: ChrisVilches
- Created: 2022-02-20T00:42:16.000Z (over 4 years ago)
- Default Branch: main
- Last Pushed: 2022-03-01T11:38:43.000Z (over 4 years ago)
- Last Synced: 2025-01-22T20:29:16.105Z (over 1 year ago)
- Topics: algorithm-visualisation, algorithms, backbone, backbonejs, computational-geometry, dynamic-programming, tailwindcss, threejs
- Language: JavaScript
- Homepage: https://beautiful-bridges.chrisvilches.com/
- Size: 617 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 5
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Beautiful Bridges
[](https://app.netlify.com/sites/beautiful-bridges/deploys)
This is a small web application for visualizing the [Beautiful Bridges](https://open.kattis.com/problems/beautifulbridges) problem, which appeared in the ACM-ICPC World Finals 2019 (competitive programming contest).
Source problem statement: https://open.kattis.com/problems/beautifulbridges
My solutions: solved in [C++](https://github.com/ChrisVilches/Algorithms/blob/main/kattis/beautifulbridges.cpp) and [Javascript](https://github.com/ChrisVilches/Algorithms/blob/main/kattis/beautifulbridges.js).
See a [live demo](https://beautiful-bridges.chrisvilches.com/) (click on the *Sample* buttons).
## Tools
* Backbone.js
* Web Workers API
* Three.js
* Tailwind CSS + Flowbite
* MathJax
* Webpack
## Development
Lint and format:
```
npm run format
```
Development server with hot reloading:
```
npm run dev
```
Build (create `/dist` folder):
```
npm run build:development
npm run build:production
```