Kategorien durchsuchen
Entdecken
Fiverr Pro
Deutsch
$
USD
Ich wandeln Figma-Design in eine pixelgenaue React- und Tailwind CSS-Website um
Hassam
Über diesen Service
Automatische Übersetzung
Hast du ein Figma-Design, das zu einer echten, funktionierenden Website pixelgenau umgesetzt werden soll?
Ich spezialisiere mich darauf, Figma-Designs in sauberen, produktionsbereiten React + Tailwind CSS-Code umzuwandeln. Jeder Abstand, jede Schriftart und jede Farbe wird exakt so umgesetzt, wie es dein Designer vorgesehen hat.
Mit über 3 Jahren pixelgenauer Entwicklung und React-Erfahrung bei DevBunch Private Limited habe ich mehr als 20 Designs in live, responsive Web-Apps verwandelt.
WAS ICH Biete
Pixelgenaue Umsetzung entsprechend deiner Figma-Datei
Saubere React-Funktionskomponenten mit Hooks
Tailwind CSS Styling
Vollständig responsive für Mobil, Tablet und Desktop
Kompatibel mit allen Browsern
Wiederverwendbare Komponentenarchitektur
API-Integration (Standard & Premium)
Vercel Deployment (Premium)
ICH ARBEITE MIT
React.js · Tailwind CSS · Bootstrap · JavaScript ES6+ · Hooks · Context API · Axios · Figma · Vercel
MIT WEM ICH ARBEITE
Designern, Startup-Gründern, Agenturen und Entwicklern, die ihr Figma-Design perfekt codiert haben möchten.
Sende mir vor der Bestellung deinen Figma-Link, damit ich das passende Paket und den Zeitplan bestätigen kann. Ich antworte innerhalb von 12 Stunden.
Lass uns etwas bauen, das genau wie dein Design aussieht.
Rechte Dritter respektieren
Bitte beachte, dass es gegen die Richtlinien von Fiverr verstößt, wenn Freelancer Themes, Vorlagen oder andere Elemente, die die Rechte Dritter oder geltende Gesetze verletzen, in die gelieferte Arbeit aufnehmen. Lies mehr darüber in unseren Leitfaden für verantwortungsvolle digitale Kreation.
Lerne Hassam kennen
Hassam
Front End Developer React Js
- AusPakistan
- Mitglied seitMai 2023
- ⌀ Antwortzeit1 Stunde
Sprachen
Urdu, Englisch
I am a detail-oriented Front-End Developer with 3+ years of experience building pixel-perfect, responsive web interfaces. I specialize in converting Figma mockups into clean HTML5/CSS3 code and have expanded my expertise into React.js, Hooks, and RESTful API integration to deliver dynamic applications.
Automatische Übersetzung
Mein Portfolio
FAQ
Automatische Übersetzung
Brauche ich meine Figma-Datei oder nur Screenshots?
Ein geteilten Figma-Link (mit Ansichtszugriff) ist ideal – er gibt mir exakte Abstände, Schriftarten und Farben. Wenn du nur Screenshots oder eine PDF hast, kann ich trotzdem damit arbeiten.
Wirst du das Backend oder die Datenbank integrieren?
Dieses Gig umfasst nur Front-End React UI. Ich kann es mit deiner bestehenden Backend-API (REST-Endpunkte) in den Paketen Standard und Premium integrieren. Vollständige Backend-Entwicklung ist ein separates Service – kontaktiere mich für ein individuelles Angebot.
Können Sie die Farben und Schriftarten meiner Marke exakt übernehmen?
Ja – ich passe das Tailwind-Theme an, um exakt deine Markenfarben und Schriftarten aus deiner Figma-Datei zu verwenden. Alles, von Farben bis zu Abstandsmaßen, wird auf deine Design-Tokens abgestimmt.
Was, wenn mein Design mehr Screens hat als mein Paket?
Du kannst zusätzliche Screens mit dem "Extra Seite / Screen"-Addon ($25 pro Stück) hinzufügen oder auf ein höheres Paket upgraden. Schreib mir vorher, dann sage ich dir, was am besten passt.
Funktioniert die Website auf Mobilgeräten und in allen Browsern?
Jede Lieferung ist voll responsive (Mobil, Tablet, Desktop) und wird in Chrome, Firefox, Safari und Edge getestet. Cross-Browser-Kompatibilität ist garantiert – kein Extra.
Wie erhalte ich den Code?
Ich liefere eine saubere Zip-Datei mit deinem Quellcode, plus eine README, die die Projektstruktur erklärt. Premium-Bestellungen beinhalten auch das Deployment bei Vercel mit einer Live-URL.
Kann ich deine Arbeiten vor der Bestellung sehen?
Ja – meine Live-Projekte sind im Gig-Beschreibung verlinkt. Du kannst rabta-nine.vercel.app, ev-store-flax.vercel.app und andere besuchen, um die Qualität meiner Arbeit direkt zu sehen.
Was ist, wenn ich mit dem Ergebnis nicht zufrieden bin?
Revisions sind in jedem Paket enthalten und ich arbeite, bis du zufrieden bist. Falls es jemals eine Abweichung von deiner ursprünglichen Figma-Datei gibt, korrigiere ich das kostenlos – die Lieferung muss dem Design entsprechen.
Kannst du Animationen aus meinem Figma-Prototyp hinzufügen?
Ja – wenn deine Figma-Datei Prototype-Animationen enthält oder du spezielle Animationswünsche hast, füge beim Bestellen das Extra "Animationen und Übergänge" ($30) hinzu.
