This is a React app that can display a list of UNSPSC formatted categories. It is possible to add and search for categories and new UNSPSC codes are automatically generated.
react-window to virtualize the list and render thousands of list items while maintaining good performance.
Fuse.js to do a fuzzy search on the list.
react-debounce-input to debounce the search input to not block UI updates.
Run the following commands in the project directory:
Installs dependencies
Runs the app in the development mode.
Open http://localhost:3000 to view it in the browser.
- Styling and responsivness
- Show parent categories for hits in search result
- Delete and edit items
- Automatically set focus on input when adding category
- X for clearing search input
- Scroll to add catgory input if below screen