This web app was created for keeping track of a collection of items you own. Its intended use is for organization/productivity, to help prevent duplicate buying of products, and to see everything you own in one spot! You can also make note of each items characteristics at time of ownership. At the time, you must fill in all the fields in order to submit an item.
LIVE LINK: https://collections-90baf.web.app/
- authentication through Google
- image and data upload to Firestore
- update and delete items already in the database
- dynamic population of items
- React
- React-DOM
- React-Router-DOM
- Firebase
- Bootstrap
- clone repo locally
- add config file to src with your firebase information (API key, etc). this involves setting up a project on the firebase console. See - https://firebase.google.com/docs/web/setup
- I used app, firestore database, storage, and auth in my project.
- cd into the collections folder
- run npm install
- run npm start on the command line
- add delete functionality
- add update functionality
- have update fields autopopulate with previous information
- add/update photos
- make all fields optional besides name?
- add search/filter functionality
- ongoing - make UI prettier
- adding multiple photos
- add ability to customize fields?
- add multiple collections ability?