Skip to content

A small example project demonstrating the integration of Cornerstone3D with Nuxt 3 for interactive 3D medical image visualization. Ideal for learning and experimentation with DICOM images in a web context.

Notifications You must be signed in to change notification settings

sohepalslamat/cornerstone3D-with-Nuxt3

Repository files navigation

cornerstone3D-with-Nuxt3

Overview: This repository showcases an integration of Cornerstone3D, a powerful 3D visualization library for medical imaging, with Nuxt.js 3, a modern framework for building Vue.js applications. The project aims to provide a structured and efficient way to render DICOM images and interact with 3D medical visualizations using the latest technologies.

Key Features:

  • 3D Visualization: Harness the capabilities of Cornerstone3D to display and manipulate 3D medical images.
  • Nuxt 3 Framework: Built with Nuxt 3, allowing for server-side rendering, API routes, and easy deployment.
  • Responsive Design: Ensure a seamless user experience across different devices and screen sizes.
  • Modular Architecture: Easily expand functionality through a modular design, making it simpler to maintain and enhance.
  • Example DICOM Viewer: Includes a basic DICOM viewer as an example of the capabilities of Cornerstone3D.

Technologies Used:

  • Vue.js 3
  • Nuxt.js 3
  • Cornerstone3D
  • TypeScript (optional)

Getting Started:

  1. Clone the repository: git clone https://github.com/sohepalslamat/cornerstone3D-with-Nuxt3
  2. Navigate to the project directory: cd cornerstone3D-with-Nuxt3
  3. Setup:

Make sure to install the dependencies:

# npm
npm install

# pnpm
pnpm install

# yarn
yarn install

# bun
bun install

Development Server

Start the development server on http://localhost:3000:

# npm
npm run dev

# pnpm
pnpm run dev

# yarn
yarn dev

# bun
bun run dev

Production

Build the application for production:

# npm
npm run build

# pnpm
pnpm run build

# yarn
yarn build

# bun
bun run build

Locally preview production build:

# npm
npm run preview

# pnpm
pnpm run preview

# yarn
yarn preview

# bun
bun run preview

Check out the deployment documentation for more information.

Contributing: Contributions are welcome! Please feel free to open issues or submit pull requests. Make sure to follow the contribution guidelines.

About

A small example project demonstrating the integration of Cornerstone3D with Nuxt 3 for interactive 3D medical image visualization. Ideal for learning and experimentation with DICOM images in a web context.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published