You will get psd figma xd to html react or next js website
Project details
Greetings! Are you in search of a proficient individual skilled in transforming Figma designs into dynamic, live websites using Next.js or React.js? Look no further! I'm Shaker Ahamed, specializing in translating your creative concepts into fully responsive websites utilizing modern technologies. With over 2 years of experience, I am dedicated to delivering excellence, providing top-tier services that enhance your online presence.
My Expertise:
• Next.js
• React.js
• JavaScript/TypeScript
• TailwindCSS
• Bootstrap
• ChakraUI
• Redux
• Zustand
• React Query
• Node.js
• Express.js
• MongoDB
• Stripe payment integration
• Figma to React.js/Next.js/HTML5
• PSD to React.js/Next.js/HTML5
• XD to React.js/Next.js/HTML5
Why Opt for My Services?
• Mastery in transforming designs into code
• Pixel-perfect implementation
• Responsive and interactive design
• Performance $ SEO optimization
• Delivering clean, maintainable, high-quality code
• Accurate conversion with attention to detail
• Inclusion of interactive elements
• Options for animations
Ready to kick start your project? Let's get started without further delay! Feel free to discuss custom offers as well.
My Expertise:
• Next.js
• React.js
• JavaScript/TypeScript
• TailwindCSS
• Bootstrap
• ChakraUI
• Redux
• Zustand
• React Query
• Node.js
• Express.js
• MongoDB
• Stripe payment integration
• Figma to React.js/Next.js/HTML5
• PSD to React.js/Next.js/HTML5
• XD to React.js/Next.js/HTML5
Why Opt for My Services?
• Mastery in transforming designs into code
• Pixel-perfect implementation
• Responsive and interactive design
• Performance $ SEO optimization
• Delivering clean, maintainable, high-quality code
• Accurate conversion with attention to detail
• Inclusion of interactive elements
• Options for animations
Ready to kick start your project? Let's get started without further delay! Feel free to discuss custom offers as well.
Programming Languages
HTML & CSS, JavaScript, TypeScriptCoding Expertise
PSD to HTML, Performance Optimization, DesignWhat's included
| Service Tiers |
Starter
$10
|
Standard
$50
|
Advanced
$150
|
|---|---|---|---|
| Delivery Time | 3 days | 5 days | 8 days |
Number of Revisions | Unlimited | Unlimited | Unlimited |
Number of Pages | 1 | 5 | 10 |
Responsive Design | |||
Slider/Scroller | |||
Custom Admin Panel | - | - | |
Server Upload | - | - | |
Browser Compatibility | - |
Optional add-ons
You can add these on the next page.
Additional Page
(+ 1 Day)
+$10
Custom Admin Panel
(+ 2 Days)
+$30Frequently asked questions
8 reviews
(7)
(0)
(1)
(0)
(0)
This project doesn't have any reviews.
JS
Johann S.
Dec 22, 2024
complete V0 project, merge/deploy it and bring it to live stage.
so flexile and engaged, just great - happy to work with soon again
DA
Daniel A.
Sep 25, 2024
Web app for service provisions
Nice work by Shaker
RP
Ravi P.
Aug 26, 2024
Website redign in Reactjs
JG
JD G.
Aug 8, 2024
Celebrity Dashboard
I've been working with developers in mid and large-sized companies for 10 years, and without a doubt, Shaker is the single best front-end developer I've ever worked with. On a recent project, where three developers estimated 2-3 months to complete, he finished in just 7 days. His mastery of NextJS and Tailwind CSS is unparalleled, and his expertise goes far beyond.
Key Skills and Expertise:
-- JavaScript Mastery: Demonstrates deep understanding of modern JavaScript, including ES6+ features, and has strong proficiency in TypeScript for creating safer and more manageable codebases.
-- Frameworks and Libraries: Advanced knowledge of ReactJS, including hooks, context API, and complex patterns, as well as state management with Redux. Proficient in GraphQL for efficient API querying.
-- Build Tools and CI/CD: Advanced configuration and optimization of Webpack, understanding of Babel for transpiling modern JavaScript, and familiar with CI/CD tools like GitHub Actions
-- Version Control: Advanced usage of Git, including branching strategies and resolving merge conflicts.
-- Collaboration Tools: Skilled in using tools like Notino for efficient project management and communication.
Shaker is a powerhouse of productivity and skill. His ability to deliver high-quality work in record time is unmatched. Any team would be incredibly fortunate to have him on board.
Key Skills and Expertise:
-- JavaScript Mastery: Demonstrates deep understanding of modern JavaScript, including ES6+ features, and has strong proficiency in TypeScript for creating safer and more manageable codebases.
-- Frameworks and Libraries: Advanced knowledge of ReactJS, including hooks, context API, and complex patterns, as well as state management with Redux. Proficient in GraphQL for efficient API querying.
-- Build Tools and CI/CD: Advanced configuration and optimization of Webpack, understanding of Babel for transpiling modern JavaScript, and familiar with CI/CD tools like GitHub Actions
-- Version Control: Advanced usage of Git, including branching strategies and resolving merge conflicts.
-- Collaboration Tools: Skilled in using tools like Notino for efficient project management and communication.
Shaker is a powerhouse of productivity and skill. His ability to deliver high-quality work in record time is unmatched. Any team would be incredibly fortunate to have him on board.
FC
Freshly C.
Dec 3, 2023
Integration React with Java
I want to commend Shaker for his exceptional work in connecting the backend API to our search function. His effort has significantly enhanced our system's functionality and user experience.
The introduction of a search bar for user information entry after ticket selection, particularly on the "Ticket" page accessible from the navbar, showcases Shaker's attention to detail in enhancing user interaction. This step is crucial for streamlining the registration process and ensures a smooth transition for users looking to register for a ticket.
I am impressed by Shaker's diligence and skill in executing these tasks. His ability to connect user interactions to backend functionalities has notably improved our system's functionality and user-facing features. I look forward to collaborating with Shaker on future projects.
The introduction of a search bar for user information entry after ticket selection, particularly on the "Ticket" page accessible from the navbar, showcases Shaker's attention to detail in enhancing user interaction. This step is crucial for streamlining the registration process and ensures a smooth transition for users looking to register for a ticket.
I am impressed by Shaker's diligence and skill in executing these tasks. His ability to connect user interactions to backend functionalities has notably improved our system's functionality and user-facing features. I look forward to collaborating with Shaker on future projects.
About Shaker
Expert Next.js & React Engineer | Scalable Frontend Architect
100%
Job Success
Noakhali, Bangladesh - 1:23 pm local time
Hi, I'm Shaker Ahamed, a Top-Rated Frontend Developer with 3+ years of experience specializing in Next.js, React.js, and MERN stack development.
What I Do:
- Build high-performance, SEO-friendly, and scalable web apps with Next.js & React
- Craft stunning, responsive UIs with TailwindCSS, ChakraUI, and Bootstrap
- Optimize websites for speed, accessibility, and SEO
- Integrate any back-end or external APIs, databases (MongoDB, Firebase, Supabase), and authentication (NextAuth, Supabase)
- Convert Figma, Adobe XD, and Sketch designs into pixel-perfect, interactive UIs
Why Work With Me?
1. Top-Rated Upwork Developer – Proven success with 5-star client reviews
2. Fast & Scalable Solutions – Performance-optimized apps that load in milliseconds
3. Clear Communication & On-Time Delivery – Ensuring hassle-free project management
Let’s bring your ideas to life! Invite me to your job or message me to discuss your project.
Looking forward to collaborating with you,
Shaker Ahamed
Steps for completing your project
After purchasing the project, send requirements so Shaker can start the project.
Delivery time starts when Shaker receives requirements from you.
Shaker works on your project following the steps below.
Revisions may occur after the delivery date.
Finilizing the design
This step is the primary step before moving forward. I will see the design and think how I implement and work on it. I will clear all of my questions as well. I will create a time table for this and divide my work according to the time.
Starting the Journy
I will start my journey from the home page. Later I will go forward to complete the project. I will provide you a live link so that you can see the changes there.