Siftora provides a convenient way for users to keep a digital inventory of all their makeup products. Products are organized into user-named "bins" and can be sorted by a variety of fields, including price, expiry date, and product use.
Take a look: https://siftora.netlify.app
Credits:
- Makeup favicon was created by Freepik - Flaticon.
- Background photo was created by Johanne Kristensen on Unsplash.
- Loading spinner was created by Sam Herbert.
- As a user, I want to add a product to more than one bin so that I can have an all-inclusive bin and a bin for when I travel.
- As a user, I want to sort products by field so that I can see what products are expiring soon or what brands I tend to purchase from.
- As a user, I want to add photos so that I can easily reference them when I am deciding on a shade in store.
This frontend React application utilizes JSX, React-Bootstrap, React Router, a custom React hook, localStorage, as well as Axios (for fetching data from the Siftora API).
- Fork and clone this repository, and change into the new
siftora-frontenddirectory. - Install the required dependencies with
npm installand open the project in your code editor. - Run
npm startto start your React server, and ta-da! You're in. Happy sifting!
There is always room for improvement! If you have any suggestions, please submit an issue or create a pull request.
✨ Thank you so much for your interest in Siftora! ✨