Plan experiments with this Assay Plate web app!
This is primarily a MERN stack demo that showcases many common features of a full-stack app (responsive frontend, stateless authentication, public API, etc.). I summarized my learnings from building this demo on my website.
Frontend:
- user authentication -- each user can save multiple plates to the cloud.
- common editing features including input validation, unsaved changes warning and restoration to previous save.
- intuitive, reactive GUI
- draggable assay plate (allows editing big plates on smaller screens)
- invalid input is allowed when editing for planning purposes
- mobile friendly in landscape (soon in portrait, too)
Backend:
- more input validation! Comprehensive input validation... hopefully.
Users can edit and save multiple plates at once through interfacing with our API. Postman works great!
API documentation is available here