Skip to content

SimplySayHi/enelx-products-list-react

Repository files navigation

INSTALL DEPENDENCIES

Open terminal and run npm install from project root
Check package.json for project and dev dependencies

RUN DEV SERVER

npm run dev
Check it in the browser at http://localhost:3000/

BUILD PROJECT

npm run build
dist folder will be created

PREVIEW BUILT PROJECT

npm run preview
Check it in the browser at http://localhost:4173/


Task

Creare una Web Application, usando i propri strumenti di sviluppo preferiti ( IDE, framework ), che risponda alle seguenti caratteristiche:

  • Deve ripercorrere in modo fedele (pixel perfect) la grafica disponibile al link: http://adobe.ly/2KzrvkM

  • Sarà possibile il salvataggio di prodotti in wishlist (localStorage) dando un feedback di avvenuta aggiunta (cuore diventa rosso)

  • Sarà possibile inserire i prodotti in lista per la comparazione.
    Al primo prodotto selezionato: si attiverà il banner che comparirà con una transizione dal basso e sarà fixed rispetto alla pagina.
    Al terzo prodotto selezionato: il bottone confronta diverrà attivo e al click farà comparire una modale (non presente in grafica).

  • Ha una paginazione e dei filtri applicabili ai prodotti, che vanno realizzati graficamente, ma la cui logica può anche non essere implementata.

Nice to have: