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

logo
logo

light theme

logo

resopnsive

logo
logo

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