Edvora assessment

🏁 Get Started

git clone https://github.com/gaserashraf/Edvora-assessment.git

npm i

npm start

💻 Built Using

• React
• SASS
• MUI react
• Bootstrap4

📷 Screenshots

---

light theme

---

resopnsive

File Structure

─ src
   ├─ assets
   │  ├─ arrow.png
   │  └─ README.md
   ├─ components
   │  └─ README.md
   ├─ contexts
   │  ├─ productContext.js
   │  ├─ README.md
   │  └─ Service.js
   ├─ styles
   │  ├─ README.md
   │  ├─ styles.css
   │  └─ styles.css.map
   ├─ components
   │  ├─ filterComponent
   │  │  ├─ README.md
   │  │  └─ View.jsx
   │  ├─ homeComponent
   │  │  ├─ README.md
   │  │  └─ View.jsx
   │  └─ productsComponent
   │     ├─ README.md
   │     └─ View.jsx
   ├─ styles
   │  └─ scss
   │     ├─ README.md
   │     └─ styles.scss
   └─ components
      ├─ filterComponent
      │  └─ containers
      │     ├─ FilterDropdown.jsx
      │     ├─ FilterDropdownMenu.jsx
      │     ├─ FilterPopup.jsx
      │     └─ README.md
      ├─ homeComponent
      │  └─ containers
      │     ├─ DarkModeBtn.jsx
      │     └─ README.md
      └─ productsComponent
         └─ containers
            ├─ Loader.jsx
            ├─ ProductContainer.jsx
            ├─ ProductItem.jsx
            └─ README.md