bmi calculator
Calcolatore BMI con validazione, realizzato con React, TypeScript e Zod per calcoli precisi e sicuri.
- react
- tailwind css
- typescript
- vitest
- zod
Questi progetti sono stati sviluppati nell'ambito delle sfide di Frontend Mentor e sono stati fondamentali per affinare le competenze acquisite durante i miei studi. Sono stati tratti come veri e propri progetti reali, completamente funzionanti e con particolare attenzione all'accessibilità e al design.
Alcuni dei progetti più vecchi, realizzati durante il primo anno, potrebbero contenere errori o soluzioni meno ottimali. Ho deciso di lasciarli intatti per mostrare il mio percorso di miglioramento e la crescita come sviluppatore. La documentazione è scritta in inglese, è possibile utilizzare Google Translate per tradurla.
Vuoi scoprire di più? Visita il mio profilo Frontend Mentor per vedere le sfide completate o il mio profilo GitHub per tutti i progetti, incluso il codice sorgente di questo sito.
Seleziona una tecnologia
Progetti visualizzati: 32
ecommerce product page
Pagina prodotto e-commerce con animazioni, realizzata con React, TypeScript e Framer Motion per un'esperienza utente coinvolgente.
- framer motion
- react
- tailwind css
- typescript
- vite
news homepage
Homepage di notizie responsive, realizzata con Next.js, TypeScript e Tailwind CSS per un'esperienza utente ottimizzata.
- next.js
- react
- responsive design
- tailwind css
- typescript
contact form
Form di contatto con validazione, realizzato con React, TypeScript e Formik per una gestione efficiente dei dati.
- formik
- react
- tailwind css
- typescript
- vite
faq accordion
Componente FAQ con accordion interattivo, realizzato con React, TypeScript e Radix UI per un'esperienza utente accessibile.
- radix ui
- react
- tailwind css
- typescript
- vite
frontend quiz app
App quiz frontend con routing dinamico, realizzata con React, TypeScript e Tailwind CSS per un'esperienza interattiva.
- react
- react router
- tailwind css
- typescript
- vite
skilled elearning landing page
Landing page per piattaforma e-learning, realizzata con React, TypeScript e Tailwind CSS per un'interfaccia moderna e performante.
- react
- responsive design
- tailwind css
- typescript
- vite
base apparel coming
Landing page per Base Apparel con form di iscrizione, realizzata con React, Vite e Tailwind CSS per un'esperienza utente ottimale.
- formik
- react
- responsive design
- tailwind css
- typescript
- vite
- yup
single page developer portfolio
Portfolio sviluppatore con form di contatto, realizzato con React, Vite e Tailwind CSS per una presentazione professionale.
- formik
- react
- responsive design
- tailwind css
- vite
component with signup form
Componente di iscrizione con validazione form, realizzato con React, Vite e Tailwind CSS per un'esperienza utente moderna.
- form validation
- javascript
- react
- tailwind css
- vite
password generator app
Generatore di password con opzioni personalizzabili, realizzato con HTML, Tailwind CSS e JavaScript per una generazione sicura.
- html
- javascript
- responsive design
- tailwind css
tip calculator app
Calcolatrice di mance con calcoli in tempo reale, realizzata con HTML, Tailwind CSS e JavaScript per un'interfaccia interattiva.
- form handling
- html
- javascript
- responsive design
- tailwind css
time tracking dashboard
Dashboard di tracciamento tempo con grafici interattivi, realizzata con HTML, Tailwind CSS e JavaScript per la gestione dei dati.
- html
- javascript
- responsive design
- tailwind css
qr code component
Componente QR code con descrizione, realizzato con HTML e CSS puro per un design minimalista e responsive.
- css
- flexbox
- html
- responsive design
3 column preview card component
Progetto responsive che utilizza HTML e CSS puro per creare un layout moderno e accessibile.
- css
- css grid
- flexbox
- html
- responsive design
article preview component
Componente di anteprima articolo con condivisione social, realizzato con HTML, Tailwind CSS e JavaScript per la gestione degli eventi.
- css grid
- flexbox
- html
- javascript
- responsive design
- tailwind css
blog preview card
Card di anteprima blog con immagine e contenuti, realizzata con HTML e CSS puro per un design pulito e responsive.
- css
- css grid
- flexbox
- html
- responsive design
four card feature section
Sezione con quattro card di funzionalità , realizzata con HTML e Tailwind CSS per un layout responsive e colorato.
- css grid
- flexbox
- html
- responsive design
- tailwind css
interactive rating component
Componente di valutazione interattivo con feedback, realizzato con HTML, CSS e JavaScript per un'esperienza utente dinamica.
- css
- event handling
- html
- javascript
- responsive design
meet landing page
Landing page per Meet con sezioni interattive, realizzata con HTML e Tailwind CSS per un design moderno e responsive.
- css grid
- flexbox
- html
- responsive design
- tailwind css
newsletter sign up
Form di iscrizione newsletter con messaggio di successo, realizzato con HTML, Tailwind CSS e JavaScript per una validazione in tempo reale.
- form validation
- html
- javascript
- responsive design
- tailwind css
nft preview card component
Card di anteprima NFT con effetti hover, realizzata con HTML, CSS e JavaScript per un'interfaccia interattiva e moderna.
- css
- flexbox
- html
- javascript
- responsive design
order summary component
Componente di riepilogo ordine con piano annuale, realizzato con HTML e CSS puro per un'interfaccia utente pulita e responsive.
- css
- css grid
- flexbox
- html
- responsive design
pod request access landing page
Landing page con form di accesso e validazione email, realizzata con HTML, CSS e JavaScript per un'esperienza utente interattiva.
- css
- form validation
- html
- javascript
- responsive design
recipe page
Pagina ricetta con layout responsive, realizzata con HTML e Tailwind CSS per una presentazione elegante dei contenuti culinari.
- css grid
- flexbox
- html
- responsive design
- tailwind css
results summary component
Componente di riepilogo risultati con grafici e statistiche, realizzato con HTML e CSS puro per una visualizzazione chiara dei dati.
- css
- css grid
- flexbox
- html
- responsive design
social links profile
Profilo con link social interattivi, realizzato con HTML e Tailwind CSS per un design moderno e responsive.
- css grid
- flexbox
- html
- responsive design
- tailwind css
social proof section
Sezione di social proof con recensioni e valutazioni, realizzata con HTML e CSS puro per un layout responsive e interattivo.
- css
- css grid
- flexbox
- html
- responsive design
stats preview card component
Card di anteprima con statistiche aziendali, realizzata con HTML e CSS puro per un design responsive e accessibile.
- css
- css grid
- flexbox
- html
- responsive design
testimonials grid section
Sezione di testimonianze con layout a griglia responsive, realizzata con HTML e Tailwind CSS per una presentazione elegante dei feedback.
- css grid
- flexbox
- html
- responsive design
- tailwind css
product preview card
Card prodotto con design responsive, realizzata con HTML e CSS puro per una presentazione elegante e accessibile.
- css
- flexbox
- html
- media queries
- responsive design
profile card component
Card profilo con design responsive, realizzata con HTML e CSS puro per una presentazione professionale e moderna.
- css
- flexbox
- html
- media queries
- responsive design