Supplies Tracker Front-end

A PoC front-end for an app that tracks the availability of different types of supplies. Originally intended for art supplies, but can be used for anything. A demo can be seen live at: https://yoanaivanova.github.io/suppliestracker-reactjs

For demo purposes, all data is saved in localStorage.

This project was bootstrapped with Create React App.

Building and Running the Front-end App

To run the app locally, you will need to:

1. Navigate to the root project directory.
2. Run the npm install command to install all relevant dependencies.
3. Run the npm start command to start the app in development mode. Open http://localhost:3000 to view it in your browser.

Demo Screens

The app allows you to create collections of items. You will have access to a detailed screen for each collection, showing all items within it:

You can perform CRUD operations on both collections and their items.

A search & filter functionality is also implemented on the collection/item list pages.

You can view and click around a live demo with sample data here: https://yoanaivanova.github.io/suppliestracker-reactjs

TODOs

• Pagination for collection items
• Marking items as "favorites"
• Creating a wishlist and adding items to wishlists
• Integration with a back-end via REST