DEV Community

loading...

Inventory Tracker

rach profile image Rachel ・1 min read

Making a project...

I made an Inventory tracker with a JavaScript, HTML, and CSS frontend; and a Ruby on Rails JSON API on the backend.

Alt Text

For now the Inventory Tracker has four departments to choose from Lawn and Garden, Electronics, Grocery, and Housewares. In the future the user will be able to add and modify the different departments. You are able to add new products and remove them, modifying them is a feature coming soon.

The frontend uses the backend to alter the elements on the DOM. It does this by utilizing AJAX and javascript to make fetch requests to the rails backend to access the database containing our information.

While creating this project we also learned about CORS. CORS is the mechanism that provides browsers a way to request remote URLs only when they have permission and allows servers to reject requests from unknown origins.

Discussion (0)

pic
Editor guide