Simple responsive website for Edvora coding challenge using ReactJS

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