MOSAIC – Demo Web App

A Demo webapp and image processing code for the Mosaic project – Explore a 2 photons microscopy system using a Schmidt optical system

Mosaic - 2 photons microscopy

Dive into the world of biological sample imaging with our web application designed to explore a high-resolution two-photon fluorescence microscopy system.
See a demo »

Code » · Report a bug · Ask for a feature

Python packages :

pip install -r requirements.txt

Table of Contents

1. Demo
2. Getting Started
   • Prerequisites
   • Installation
3. Contributing
4. Bug / Feature Request
5. Built With
6. To-do
7. License

Demo

Here is a working live demo : https://alex6crbt.github.io/Mosaic/

Getting Started

Prerequisites

Make sure you have Node and npm installed

Installation

To run locally the app run the folowing :

1. Clone the repo

git clone https://github.com/alex6crbt/Mosaic.git

3. Install NPM packages

npm install

4. Start the app

npm run dev

Contributing

Want to contribute? Great!

To fix a bug or enhance an existing module, follow these steps:

• Fork the repo
• Create a new branch (git checkout -b improve-feature)
• Make the appropriate changes in the files
• Add changes to reflect the changes made
• Commit your changes (git commit -am 'Improve feature')
• Push to the branch (git push origin improve-feature)
• Create a Pull Request

Bug / Feature Request

Spotted a bug? Let us know by opening an issue here, detailing the bug and the expected outcome.

Have an idea for a new feature? Share your thoughts by opening an issue here. Don’t forget to include the details of the feature you'd like to see implemented.

Built with

• React - The library for web and native user interfaces
• Vite - A tool that aims to provide a faster and leaner development experience for modern web projects
• Bootstrap - Extensive list of components and Bundled Javascript plugins.
• react-three-fiber - React-three-fiber is a React renderer for three.js.

• @react-three/drei – useful helpers, this is an eco system in itself
• @react-three/gltfjsx – turns GLTFs into JSX components
• @react-three/postprocessing – post-processing effects

To-do

• Add images in the exploration
• Add the scanning animation

License

Apache License

(back to top)