Upwork home
Sign up
Project Catalog
DesignDesign
Video & AudioVideo & Audio
Development & ITDevelopment & IT
MarketingMarketing
Writing & TranslationWriting & Translation
MoreMore

You will get Figma to React or Next.js Conversion, TypeScript & Tailwind Expert

Hardi a.Status: Offline
Hardi a.
Preview image

Let a pro handle the details

Buy Custom Website Programming services from Hardi, priced and ready to go.
Hardi a.Status: Offline
Hardi a.
Preview image

Let a pro handle the details

Buy Custom Website Programming services from Hardi, priced and ready to go.

Project details

This project involves converting provided Figma designs into a responsive React application using Next.js, TypeScript, and Tailwind CSS. The process includes gathering design files for both desktop and mobile versions, conducting a thorough review, and implementing a pixel-perfect conversion. Comprehensive testing will be performed to ensure functionality and responsiveness across devices, followed by client revisions to deliver a high-quality final product.

Note: Please be aware that there will be no API integration included in this project. If you require API integration, we can discuss the details in chat.
Programming Languages
JavaScript, TypeScript
Coding Expertise
Cross Browser & Device Compatibility, PSD to HTML
What's included
Service Tiers Starter
$100
Standard
$300
Advanced
$500
Delivery Time 3 days 7 days 12 days
Number of Revisions
134
Number of Pages
257
Design Customization
Content Upload
Responsive Design
Source Code
Optional add-ons You can add these on the next page.
Additional Revision
+$15
Additional Page (+ 1 Day)
+$50
Hardi a.Status: Offline

About Hardi

Hardi a.Status: Offline
Front End Developer
Jakarta, Indonesia - 4:11 am local time
I'm a Front-end Developer with more than three years of professional experience. I have been working with various JavaScript technology such as :
- React JS, Next JS, React Native, Redux, Styled Component, React Query
- TypeScript
- HTML
- CSS3
- SCSS
- Bootstrap
- GSAP ( make your website interactive with cool animation)
- last but not least, I can build a WordPress theme from scratch.

Steps for completing your project

After purchasing the project, send requirements so Hardi can start the project.

Delivery time starts when Hardi receives requirements from you.

Hardi works on your project following the steps below.

Revisions may occur after the delivery date.

Gather Requirements

Collect all necessary design files and specifications from the client, including Figma/PSD/Sketch files for both desktop and mobile versions.

Design Review

Review the provided Figma/PSD/Sketch designs to identify any potential issues or areas for clarification.

Review the work, release payment, and leave feedback to Hardi.