marco-faltoni / react-ped-fitness-mockup

Uso di Context

Ho usato Context per visualizzare e stampare dinamicamente le informazioni nelle due pagine: in un file a parte(dataContext.js) ho simulato il contenuto di un API, con degli oggetti dentro vari array. Ho creato più Context; uno per le attività, uno per i Magazine, uno per gli Alerts, e uno per i Filtri, quest'ultimo appunto per filtrare i risultati in base a cosa viene selezionato nella select attività della seconda pagina.

Perché Context e non Redux; per un mockup e per visualizzare informazioni che non hanno frequenti cambiamenti, Context va benissimo. Redux è ideale per visualizzare e stoccare tante quantità di data che hanno una frequenza di aggiornamento in pagina elevata. Context è ideale, in base alla mia esperienza, se vogliamo renderizzare e stampare semplicemente dei dati dinamici.

Uso dello Slider

Ho usato un framework React (Swiper), per creare uno slider dinamico e sensibile al trascinamento, nella sezione Magazine e in quella Attività in versione mobile

Mobile View

Ottimizzato usando come standard la width di iPhone X/XS/11/12 (375)

Uso delle animazioni

Ho usato un framework React (Framer Motion) per animare alcuni piccoli dettaglie e la transizione delle pagine

Getting Started with Create React App

This project was bootstrapped with Create React App.