Skip to content

Latest commit

 

History

History
42 lines (28 loc) · 1.13 KB

README.md

File metadata and controls

42 lines (28 loc) · 1.13 KB

React + Vite Project

To run the project -> git clone <--http repo link--> npm i
npm run dev

Tech stack

Frontend - React , Tailwind css , Heroicons State management - Recoil

Task :

Final Look

Alt text

DropDown

Alt text Make the menu items clickable, and upon click, display a simple dropdown menu or transition to another page. -> Click on product it show drop down menu. -> Note : no navigation but can be added using react-router-dom.

Filter feature

Alt text

Implement a search functionality that filters the list of items displayed based on user input -> Search option search the result based on brand name. example -- search microsoft -- table will show result for that particular brand.

Add hover effects to interactive elements to enhance user experience. -> Buttons on hover change their bg color to slight gray

Responsive

Alt text Web page is responsive -> however I have used single layout only.