Bionet

A Biological Material Inventory Management System.

API Documentation

The documentation for the Bionet API can be found here.

Development Process

The development process can be followed step-by-step by reviewing the 'walkthrough':

1. Environment - Setup your development environement by installing Git, Node, NPM and Visual Studio Code.
2. Scaffolding - Create a React Application and a Node JSON API and run them concurrently on separate ports.
3. Configure React - Begin React application setup. Add Bootstrap 4 UI Library and Material Design Icons, Router and placeholder Routes and Sassy CSS (SCSS).
4. React Components - Part 1 - Bootstrap, Icons & Viewport Container - Continue React application setup. Add a Viewport Container with Responsive Background Image, Bootstrap Responsive Grid Components and a Bootstrap Card component to display data.
5. React Components - Part 2 - Navigation & Footer - Add a Responsive Navigation and Footer, scaffold pages for routes.
6. Configure API - Part 1 - The Database - Setup the API connection to a mongoDB instance.
7. Configure API - Part 2 - Authentication - Setup API JWT Authentication.
8. React Authentication - Setup React Authentication.
9. React Code Splitting - Setup React Error Boundaries, Suspense and Lazy Loading.
10. API Models - Expand the database models to include Labs, Containers, Physicals and Virtuals.
11. API Reset Password - Add password reset and email features to the API.
12. React Reset Password - Add password and email features to the React client.
13. Database Management - Add NPM scripts for seeding, clearing backing up and restoring data from the database.
14. User Interface 1 - Fade In Pages - Setup the 'fade-in` page enhancement to the application.
15. User Interface 2 - Users - Setup User account management.