DEV Community

spiritupbro
spiritupbro

Posted on

 

Create a Small Part of CaMicroscope frontend

preview of frontend

GitHub logo gakpenting / DistroCamicroscope

backend of camicroscope

caMicroscope Distribution

donatepaypal

Build Status

caMicroscope 3.X distribution

dont forget to clone https://github.com/lokimonoton/caMicroscope run with docker-compose -f panda.yml up

this will build all services and run in the foreground Use docker-compose -f panda.yml build to rebuild the services.

Once everything is up, go to :4010/ to see the landing page.

SSL

To enable ssl, mount the private key and certificate files to the security service in /root/src/ssl/privatekey.pem and /root/src/ssl/certificate.pem respectively. HTTPS mode will only be enabled if both of these files are present.

Component Services

mongo - vanilla mongo container

idxMongo - ephemeral container to index mongo (that is, this container is expected to exit once it's done its job)

bindaas - api service for mongo (see https://github.com/sharmalab/bindaas)

iip - slide tile server (see https://github.com/camicroscope/iipImage)

viewer - hosts the viewer files and builds packages ( see https://github.com/camicroscope/caMicroscope)

loader - extracts metadata needed for image loading (see https://github.com/camicroscope/SlideLoader)

security -…

Top comments (5)

Collapse
 
spiritupbro profile image
spiritupbro

(commentspiritbro1english) creating a small part of CaMicroscope frontend i create zoom in, zoom out, crop, and segmenting also crop and segmenting can be screenshotted on the right side

Collapse
 
spiritupbro profile image
spiritupbro

asdasss

Collapse
 
spiritupbro profile image
spiritupbro

adasdsa

Thread Thread
 
spiritupbro profile image
spiritupbro

asdsadsa

Collapse
 
spiritupbro profile image
spiritupbro

asdas

typescript

11 Tips That Make You a Better Typescript Programmer

1 Think in {Set}

Type is an everyday concept to programmers, but it’s surprisingly difficult to define it succinctly. I find it helpful to use Set as a conceptual model instead.

#2 Understand declared type and narrowed type

One extremely powerful typescript feature is automatic type narrowing based on control flow. This means a variable has two types associated with it at any specific point of code location: a declaration type and a narrowed type.

#3 Use discriminated union instead of optional fields

...

Read the whole post now!