Trasformerò design Figma, PSD, xd in nextjs, svelte, tailwindcss


Informazioni su questo servizio
Traduzione automatica.
Se cerchi uno sviluppatore Front-End esperto che possa trasformare il tuo design in un sito web fluido, reattivo e ad alte prestazioni, sei nel posto giusto!
Con oltre 5+ anni di esperienza pratica, creo siti web moderni, pixel-perfect e ottimizzati per la SEO utilizzando le ultime tecnologie front-end.
Tecnologie con cui lavoro:
- HTML5, CSS3, Tailwind CSS 4, Bootstrap
- JavaScript, TypeScript, React.js, Next.js
- Material UI, Shadcn UI, Redux, Alpine.js
- WordPress & WooCommerce
- Landing page in Next.js
Ciò che posso fare per te:
- Sviluppo completo di siti web e landing page personalizzate
- Conversioni da Figma/PSD/XD/AI/PDF/Image a React.js o Next.js
- Codice pulito, ottimizzato e SEO-friendly
- Layout completamente responsive su tutti i dispositivi (fino a 320px)
- Integrazione API e componenti UI dinamici e interattivi
- Anteprima live durante lo sviluppo per monitorare i progressi in tempo reale
Perché i clienti mi scelgono:
- Oltre 5 anni di esperienza solida nello sviluppo front-end
- Attenzione ai dettagli pixel-perfect con codice scalabile e manutenibile
- Risposta rapida e comunicazione amichevole e affidabile
- Supporto completo fino a quando non sarai soddisfatto
Se sei pronto a dare vita al tuo design, parliamone! Mi piacerebbe aiutarti a creare qualcosa di fantastico.
Rispettare i diritti di terzi
Ricorda che è contrario alle politiche di Fiverr per i freelance includere temi, modelli o qualsiasi altro elemento che violi i diritti di terzi o le leggi applicabili nell'opera consegnata. Per saperne di più, consulta Guida alla creazione digitale responsabile.
Scopri di più su Kamran Shekh
React js, Next js, Full Stack Web Developer
- DaIndia
- Membro daset 2016
- Ultima consegna1 anno
Lingue
Inglese, Hindi, Urdu
Traduzione automatica.
Il mio portfolio
FAQ
Traduzione automatica.
Quali sono i vantaggi di usare Tailwind CSS?
Tailwind CSS è facile da personalizzare. È il framework CSS che permette di fare tutte le personalizzazioni in un singolo file, dove puoi aggiungere colori, font, utility, sfondi, ombre e media query personalizzate. Tailwind CSS offre la soluzione migliore per costruire componenti HTML complessi.
Come possiamo aggiungere e modificare nuove utility in Tailwind CSS?
È un processo semplice. Tailwind CSS fornisce un file di configurazione di default “Tailwind.config.js” dove puoi aggiungere o sovrascrivere le utility. Devi usare la sezione theme per aggiungere nuove utility e mantenere quelle esistenti. Altrimenti, scrivi questa fuori dalla sezione theme per sovrascrivere le utility esistenti.
Posso aggiungere colori personalizzati con lo stesso nome variabile?
Puoi aggiungere colori personalizzati con lo stesso nome, ad esempio rosso, blu, verde, viola, lime, teal, rosa, ecc., ma devi inserirli nella sezione theme.
Posso usare utility extra dai plugin di Tailwind CSS?
Sì, puoi usare utility extra o set di plugin raccomandati e supportati da Tailwind CSS. Ad esempio “@tailwindcss/forms” “@tailwindcss/line-clamp”.
Posso aggiungere dimensioni calcolate direttamente nella classe?
Sì, possiamo aggiungere un valore personalizzato direttamente in una classe sulla pagina HTML, anche se sarà un valore calcolato, purché definito da Tailwind CSS. Quindi, bisogna usare la stessa formula descritta da Tailwind. Ad esempio <div class="w-[calc(100%-20px)] px-5">TailwindCSS</div>.
Posso ridurre il peso di Tailwind CSS?
Sì, possiamo ridurre il peso di Tailwind CSS e migliorare la velocità di caricamento della pagina. È necessario usare alcuni filtri CSS come postCSS, purgeCSS, autoprefixer, CSSnano, ecc.
Possiamo usare TailwindCSS in full-stack, WordPress e altri framework di sviluppo?
Sì, TailwindCSS può essere usato con qualsiasi framework di sviluppo web, ad esempio full-stack (MERN Stack, React.JS, Vue.JS, Angular.JS, Svelte.JS), WordPress, Laravel, ecc.
Tailwind CSS supporta SASS?
Sì, TailwindCSS supporta SASS e puoi scrivere CSS personalizzato nel file SASS, ma bisogna importare le utility di Tailwind. @Tailwind base; @Tailwind components; @Tailwind utilities;
Posso aggiungere CSS personalizzato all’interno di Tailwind CSS?
Sì, puoi aggiungere CSS personalizzato nel file Tailwind CSS/SCSS, anche usando le classi di Tailwind direttamente nel file con @apply. Ad esempio: .card { @apply px-5 py-2 text-black font-bold md:font-normal; background-image: url(‘percorso-immagine’); }
Posso aggiungere media query personalizzate in Tailwind CSS?
Sì, possiamo aggiungere media query personalizzate in Tailwind CSS per supportare dispositivi specifici. Ma ti consiglio di scrivere tutte le media query di nuovo fuori dalla sezione theme nel file “Tailwind.config.js”.
64 recensioni per questo servizio
| (60) | ||
| (4) | ||
| (0) | ||
| (0) | ||
| (0) |
Valutazione dettagliata
- Livello di comunicazione del venditore
- Qualità della consegna
- Valore della consegna
Ordina per
J 
jean_ma

Francia
Great work
100 USD-200 USD
$
11 giorni
Tempo

K 
Risposta del venditore
Utile?O obertetti

Italia
Very satisfied with the landing page for my app, thank you very much for the excellent work!
200 USD-400 USD
$
5 settimane
Tempo

K 
Risposta del venditore
Utile?M 
martinsnyder

Stati Uniti
I had the pleasure of working with Kamran on the front-end development for our dashboard, which we plan to integrate into our app. His expertise, attention to detail, and commitment to delivering high-quality work exceeded my expectations. Kamran was highly responsive, implemented feedback efficiently,...
50 USD-100 USD
$
9 giorni
Tempo
K 
Risposta del venditore
Utile?S 
serghei42

Polonia
Kamran is a true professional who approaches every task with exceptional attention to detail. He guides you through the entire journey, from the initial project discussion to the final delivery, making the process seamless and stress-free. Kamran delivers genuinely high-quality, professional solutions...
50 USD-100 USD
$
5 giorni
Tempo
K 
Risposta del venditore
Utile?S 
serghei42

Polonia
Kamran is exceptionally diligent, detail-oriented, and proactive. I was thoroughly impressed with the quality of his work, which exceeded my expectations and was delivered ahead of schedule. One of the things I appreciated most was his ability to understand my requirements intuitively—almost without...
100 USD-200 USD
$
9 giorni
Tempo

K 
Risposta del venditore
Utile?
64 recensioni per questo servizio
| (60) | ||
| (4) | ||
| (0) | ||
| (0) | ||
| (0) |
Valutazione dettagliata
- Livello di comunicazione del venditore
- Qualità della consegna
- Valore della consegna
Ordina per
J 
jean_ma

Francia
Great work
100 USD-200 USD
$
11 giorni
Tempo

K 
Risposta del venditore
Utile?O obertetti

Italia
Very satisfied with the landing page for my app, thank you very much for the excellent work!
200 USD-400 USD
$
5 settimane
Tempo

K 
Risposta del venditore
Utile?M 
martinsnyder

Stati Uniti
I had the pleasure of working with Kamran on the front-end development for our dashboard, which we plan to integrate into our app. His expertise, attention to detail, and commitment to delivering high-quality work exceeded my expectations. Kamran was highly responsive, implemented feedback efficiently,...
50 USD-100 USD
$
9 giorni
Tempo
K 
Risposta del venditore
Utile?S 
serghei42

Polonia
Kamran is a true professional who approaches every task with exceptional attention to detail. He guides you through the entire journey, from the initial project discussion to the final delivery, making the process seamless and stress-free. Kamran delivers genuinely high-quality, professional solutions...
50 USD-100 USD
$
5 giorni
Tempo
K 
Risposta del venditore
Utile?S 
serghei42

Polonia
Kamran is exceptionally diligent, detail-oriented, and proactive. I was thoroughly impressed with the quality of his work, which exceeded my expectations and was delivered ahead of schedule. One of the things I appreciated most was his ability to understand my requirements intuitively—almost without...
100 USD-200 USD
$
9 giorni
Tempo

K 
Risposta del venditore
Utile?

