Front End Repository

Build Status

An inventory management application for the Seattle-based company Fly-Sorter. Fly Sorter builds machines to sort fruit flies so they can be used for scientific research. This application keeps track of those machine assemblies, sub-assemblies, and the parts that belong to those sub assemblies. These components are displayed on the page and allows the user to click on a sub-assembly to reveal the parts that makeup that sub-assembly. The table also allows the user to filter parts and search for a part in order to make finding particular parts faster and easier for the user.

To run the application locally, follow all of the steps in the backend repository and then additionally follow the steps below:

Start the frontend environment by executing the npm run watch command in your terminal.

If done correctly, a new browser window will open with the application, and the following message should appear in your terminal:
```
```info: Server is on at PORT: <portNumber>```
```
Next, you will create an account on the front end but clicking the link in the lower left hand corner of the site.
Choose a username, recovery question, and password.

Once your account is created, you will taken to the dashboard, which is the main page of the application.

Once you are on the dashboard you will see not only the table(s) with the sub-assemblies, but you will also be able to create new parts and sub-assemblies by clicking the appropriate links.
When you are creating a sub assembly, take note of the very bottom field. This is the sub-assembly ID, and you will use that number to add parts to that sub-assembly on the part creation page.

To add a part, you can click the link in the top left of the screen. This will take you to the part creation page. Remember the ID of the sub-assembly you created? Great! Did you forget it? That's OK, it displays on the dashboard as well.
To link your new part to your newly created sub-assembly, enter it in the first field on the part creation page.
That's it! There is no step three.

Name		Name	Last commit message	Last commit date
Latest commit History 90 Commits
assets		assets
src		src
style		style
.DS_Store		.DS_Store
.babelrc		.babelrc
.eslintignore		.eslintignore
.eslintrc.json		.eslintrc.json
.gitignore		.gitignore
README.md		README.md
package-lock.json		package-lock.json
package.json		package.json
webpack.common.js		webpack.common.js
webpack.dev.js		webpack.dev.js
webpack.prod.js		webpack.prod.js