ahlamkhalid/explore-makeup-react

In this project, we get data from external API using React. We filter makeup data by brand, product type, and price. We can also clear those filters. Here, we use react functional components and the new react hooks like useState & useEffect. To get the data, we use axios. This project is mobile-friendly.

Explore Makeup - React

In this project, we get data from external API using React. We filter makeup data by brand, product type, and price. We can also clear those filters. Here, we use react functional components and the new react hooks like useState & useEffect. To get the data, we use axios. This project is mobile-friendly.

Contents

• Demo
• Run project
• Features
• Technologies
• Resources

Demo

Run project

• install dependencies

  npm install

• run

  npm start

Features

• Request data from API.
• Filter data by brand, product type, and price.
• Clear filters.
• Mobile friendly.

Technologies

• React
• React functional components
• React hooks: useState, useEffect
• Mobile first design
• Flexbox & Grid

Resources

• Makeup API
• Multi Handle Range Slider
• Custom radio & checkbox
• loader