Elastistent is a web application designed to help orthodontists and dental professionals visualize and plan elastic band placements for dental treatments. The app provides an interactive dental chart where users can place, visualize, and share elastic band configurations.
Try the application at: https://drikusroor.github.io/elastistent/
- Interactive dental chart with anatomically correct tooth positioning
- Visual elastic band placement between teeth
- Shareable configurations via URL
- QR code generation for easy sharing
- Mobile-responsive design
- Undo/redo functionality
- Real-time visualization
- Configuration persistence through URL parameters
- React 18
- TypeScript
- Vite
- Tailwind CSS
- Lucide React (icons)
- QRCode.react (QR code generation)
- Node.js (v14 or higher) or Bun runtime
- npm, yarn, or bun
- Clone the repository
git clone https://github.com/drikusroor/elastistent.git
cd elastistent- Install dependencies
# Using npm
npm install
# Using yarn
yarn install
# Using bun
bun install- Start the development server
# Using npm
npm run dev
# Using yarn
yarn dev
# Using bun
bun dev- Open your browser and navigate to
http://localhost:5173
To create a production build:
# Using npm
npm run build
# Using yarn
yarn build
# Using bun
bun run buildContributions are welcome! Feel free to submit issues and pull requests.
Copyright © 2024 Drikus Roor, Koko Koding