This app utilizes React and the Makeup Shades API (available here) to create an interactive user experience with full CRUD functionality. Users are able to not only view all of the makeup shades in the API, but also add their own, update existing shades, and delete unwanted shades.
The Makeup Shades API contains information about makeup foundation colors in the United States, Nigeria, India, and Japan. Each object contains information on the brand, the product name, the hexidecimal color code, HSL and HSV color codes, and the the country where it is most popular.
This app is deployed here.
Please visit the site and explore all of the makeup shades! The forms at the top of the Shades page (the main page) allow you to create, update, or delete shades. Simply enter the information prompted and click the submit button!
- build an app using React
- Utilize Axios to access the API
- Incorporate CRUD functionality
- Write thorough documentation
In the future, I would like to improve upon this app by ...
- Including a search bar, so brands, products, countries, and hex codes can be easily searched.
- Improve navigation
Below are screenshots of the app.
- React
- Mongoose
- Express
- Node.js
If you would like to contribute code, identify bugs, or propose improvements, please fork this repository and submit a pull request with your suggestions. Below are some links to help you get started: