New frontend based on Figma design for the gaming skins marketplace
About the Project
There is a ready working backend on Laravel and an old frontend.
A new design has been developed in Figma - a completely new interface needs to be implemented on modern React / Next.js.
Main Tasks
Layout the pages according to the ready Figma mockups (desktop / tablet / mobile).
Implement the new client side on Next.js (React 18).
Integrate the frontend with the existing Laravel backend via REST API.
Implement the display and processing of scenarios:
product catalog, filters, cards;
cart, order placement, transition to payment and status processing (success / error / waiting);
user profile, purchase history, balance, data editing;
FAQ pages, contacts, Terms / Privacy, errors (404 / 500).
Set up the login process via Steam - on the frontend only redirect to the backend and handle states after successful authorization (all logic is implemented on the backend).
Technical Requirements
Next.js 14 (App Router), React 18.
Tailwind CSS for styling (or similar modular structure).
State management - React Query / RTK Query / Redux Toolkit (at the discretion of the performer).
TypeScript code is desirable but not mandatory.
Project structure - clean, with separation of components, features, and modules.
Linter and formatting - ESLint + Prettier.
Optimized responsive: pixel-perfect for desktop (minimal deviations allowed), correct responsive for tablet/mobile.
The project is deployed in a Docker Compose container - basic understanding of Docker is required (ability to build and run the frontend in a container locally).
What We Will Provide
Mockups in Figma with all screens and breakpoints.
Access to the API and the code of the old frontend for example requests.
Sample data, texts, icons, logos.
Instructions for building and deploying.
What We Expect in Return
A fully functional frontend connected to the active backend.
A repository with clean code and a clear structure.
README with instructions for running.
Correct operation of the main user scenarios:
viewing products;
purchase, payment, payment statuses;
profile, history, balance;
authorization via Steam (redirect/return).
Neat layout and stable operation in all current browsers.
-
1 day1000 USD1 day1000 USD
Hello, I worked on a gaming marketplace project similar to yours - I implemented a catalog with 10,000+ products, fast loading, and responsiveness.
How do you plan to organize data caching for the catalog to maintain performance with a large number of products?
I suggest we get in touch, I will provide you with free technical consultation and we will create a development plan + I will tell you about my team!
-
10 days700 USD
2295 73 0 10 days700 USDGood day, I have been working in this field for more than 9 years, I have experience: php (symfony, laravel, OpenCart, wordpress), javaScript (vue, react, nuxt, nextJs, jquery), html, css (SASS/SCSS), sql (PostgreSQL, MySQL). I am ready to complete this project, with quality and in a short time. Examples of recently completed projects: https://rsps-server.com/ https://asgard-ksm.com.ua/ https://iheal.com.ua/ https://lingvanex.com/
-
10 days800 USD
605 2 0 10 days800 USDReady to implement a new frontend on Next.js 14 + React 18 + Tailwind for your Laravel backend. This stack is our main one, and we have already done a complete replacement of the legacy frontend with a modern Next one with e-commerce logic, payments, and personal accounts.
🔹 Similar projects (RedHotTeam):
https://redhotteam.com/en/portfolio/c7f9a89a-ab72-498f-b4e1-1fc43e5c0cb1
— personal accounts, transactions, custom UI modules
https://redhotteam.com/en/portfolio/400eb187-6ade-4b41-af60-10126add99da
— payments, history, working with API, responsive interface
What I will do 🚀
…
Pixel-perfect according to Figma (desktop / tablet / mobile)
Next.js 14 (App Router) + React 18 + Tailwind
Integration with existing Laravel REST API
Catalog, filters, product card
Cart → order → payment → statuses
Personal account: history, balance, data editing
Steam-login: redirect → state handling
ESLint + Prettier, clean project structure
Docker launch + README
Focus: performance, neat layout, correct state logic, stable operation.
⏱️ I can start immediately
💰 $20/hour or fixed rate after clarifying the scope
I can take a look at Figma and API — and propose a plan by stages + timing. Ready to get involved.
-
1 day800 USD
654 2 0 1 day800 USDHello! 👋
I am ready to implement a new frontend for your Laravel backend using Next.js 14 / React 18 based on Figma layouts.
Experience — development of responsive interfaces, integration with REST API, e-commerce functionality (catalog, cart, payment, profile). I use TypeScript, Tailwind, React Query / Redux Toolkit, ensuring a clean project structure and pixel-perfect layout.
I understand the task — to transfer the old frontend to a modern stack with a new design while preserving all business logic.
I am ready to set up the environment in Docker, connect authorization via Steam (redirect and state handling), implement all user scenarios, and prepare a fully production-ready frontend.
Technical stack:
…
Next.js 14 (App Router) + React 18
Tailwind CSS + shadcn/ui
React Query / Redux Toolkit
Docker Compose
ESLint + Prettier
⚙️ Deadline: 10–12 days turnkey
💶 Cost: from €750, depending on the volume of edits and complexity of the adaptation.
After delivery, I will provide a repository with clean code, README, and instructions for launching.
I can start immediately after receiving the Figma layouts and access to the API.
-
1 day500 USD
451 3 0 1 day500 USDGood afternoon, to assess and determine the timelines, we need to take a look at the design itself.
-
20 days900 USD
919 5 0 20 days900 USDHello, Andrey!
My name is Konstantin, I am a frontend developer with over 3 years of experience. I work with Next.js, React 18, Tailwind, TypeScript, Docker — the stack from your project brief is familiar to me, I use it regularly.
I have studied the project description. I am confident that I can implement the entire frontend exactly according to the design: responsively, with a clean code structure and correct handling of all user scenarios.
I am ready to discuss the details — deadlines, project brief, and access, so we can start working effectively right away.
-
11 days1222 USD
642 4 1 11 days1222 USDHello! Your task is quite feasible. I am ready to invest all my talent to ensure you receive a quality product in a short time and within a reasonable budget. I look forward to your response — I am confident that with my professional skills and your brilliant ideas, we will create something amazing!
-
7 days500 USD
3066 23 1 3 7 days500 USDYou have a ready design and backend, and I am ready to help you bring your project to life by creating an intuitive interface on Next.js. With extensive experience working with React and integrating the frontend through REST API, I will ensure seamless operation of user scenarios and optimized responsiveness. I guarantee a clean code structure and Docker support for quick deployment. Let's create an interface together that will delight your users and work reliably on all devices and browsers.
-
15 days1000 USD
3904 6 0 15 days1000 USDGood day! I have extensive experience in application development both from scratch and various kinds of enhancements using the React and Vue stacks, respectively with SSR frameworks. I can easily create an application on Next.js with any back-end integration. To fully assess the cost and timeline, it is necessary to see the design and completely understand the required logic of the application. I ask for access to the design and to continue communication based on the available data. The possibility of expanding the application and a component-based approach will also be taken into account.
Here is how I propose to conduct the development:
1. Everything will be stored in Git.
2. Deployment to a test server - Vercel or Netlify - provides online access to the results of the work and evaluations from your side.
3. Payment will be staged - a certain volume, you accept the work and pay, and I move on to the next part of the application.
Feel free to reach out at $15 per hour or by agreement after assessing the volume of work.
-
9 days555 USD
475 2 0 9 days555 USDhow many pages ?
can you also share figma design
will make it work within 9 days
-
30 days1000 USD
11762 133 1 1 30 days1000 USDGood day, Andriy!
I am interested in your project; can I suggest using Nuxt and Vue instead of Next? These technologies are just as good as React, and the development with them is much more pleasant.
My portfolio:
https://portfolio-sk23.vercel.app/
When creating layouts, I use:
- Gulp build.
- SCSS preprocessor.
… - SVG Sprite for convenient storage of SVG files.
- I implement any animations; you need to describe them or send an example of what you like.
- Upon completion, I test the layout on validators and fix all errors; the layout scores 90-100 points on Google Pagespeed for loading speed.
- All images are optimized without loss of quality, images support webp format and x2 for Retina screens.
- I write quality and clean JS code, and I can integrate any scripts without issues.
- I layout according to the BEM methodology; all classes are clearly named for any developer.
- I create layouts using Pixel Perfect to accurately translate the design into a web page.
I am always available, quickly make adjustments, and can help maintain the project in the future if needed.
Best regards, Serhiy.
-
30 days1000 USD
2276 114 1 30 days1000 USDHello. I have been actively working in development since 2015.
I have studied the task and am ready to start its implementation.
You can see my work in my profile.
I would be happy to collaborate. Let's discuss.
-
20 days1500 USD
200 20 days1500 USDHello Andrei,
I have the necessary experience for this job.
I am currently open to collaboration.
Feel free to contact me, we will discuss the details and prices.
==================================================================
I offer layout services (HTML/CSS/JS) and integration on WordPress.
… Clean responsive layout, optimization, custom themes.
-
28 days3000 USD
1117 4 0 28 days3000 USDHello!
I can rewrite your frontend in Next.js 14, adding a clear structure, and connect it to your Laravel API so that the entire process, from catalog to payment and return to Steam, is smooth. I will keep the Figma screens as they are on desktop, and on tablets and mobile devices — natural, not cramped.
To make this project safer and faster, I will start with a live API map. I will intercept all requests and responses from the old frontend and duplicate them on a local mock server using MSW. This will allow me to create and test the new user interface on real objects before connecting to your backend. This will reduce interaction time, track edge cases early, and ensure smoothness and predictability of data transfer to the working API.
I will use Next.js App Router, React Query, and Tailwind with a small set of common components for cards, lists, and forms. The cart and checkout will be built as a clear flow with correct status screens for successful completion, errors, and waiting. Logging into Steam on the frontend will simply redirect and handle returned states exactly as your backend expects. I will add a neat README and Docker setup so you can run it locally with one command.
If you are interested in seeing my work style, here are two of my past projects: https://vitcollc.ae and https://oscarstories.com.
…
I will provide a stable, clean codebase that is easy to maintain and expand.
Thank you!
-
30 days1120 USD
9435 28 0 1 30 days1120 USDHello. I am implementing a new frontend for the marketplace based on Figma design using Next.js 14 (React 18) with Tailwind CSS and integration with your Laravel REST API. I will ensure a responsive, clean code architecture, connect all scenarios (catalog, cart, payment, profile, Steam authorization), and set up deployment in Docker. I am ready to start immediately after discussing the details.
-
21 days1000 USD
1567 5 0 21 days1000 USDGood day,
I am a fullstack developer, working with Next.js / React / Laravel and I can implement a new frontend based on your design in Figma.
Experience - responsive layout, integration of REST API, setting up authorization (including through Steam), and working in Docker environments.
-
23 days1000 USD
117 3 0 1 23 days1000 USDHello!
I saw your project and I am interested in it. I have experience in both outsourcing and product development, and I work well in a team.
🔥 My key skills:
✅ Development of SPA and web applications
✅ Performance optimization
✅ Project management and support
✅ Quality and clean code
… 💻 Technologies: HTML, CSS, JavaScript, React, Vue, Git
If you value a quality and reliable solution – I am ready to discuss the details. You can contact me here or in a format convenient for you.
-
25 days1500 USD
297 1 25 days1500 USDHello.
Thank you for the detailed requirements — your project is clearly aimed at modernizing the user experience by implementing a fully responsive and high-performance frontend on Next.js with seamless integration with the existing Laravel backend. I will develop the perfect interface based on the Figma design, implement all user flows (catalog, cart, payments, profiles), and ensure smooth API interaction via REST with secure handling of Steam authentication states. Using Next.js 14, React 18, Tailwind, and modern state management, I will create a clean, scalable architecture optimized for performance and future updates. Deployment will be done in Docker for consistency across different environments, and I will provide a well-structured repository with complete documentation. I am ready to present this as a fully functional application, ready to go, that meets your technical and UX expectations.
-
10 days1000 USD
12784 4 2 10 days1000 USDHi Andrei,
I’ve reviewed your project description and it’s exactly the kind of work I specialize in — rebuilding modern, high-performance frontends based on Next.js and integrating them cleanly with existing Laravel backends. You already have a solid backend and a new Figma design, so my focus will be on bringing that design to life with a responsive, maintainable, and production-ready frontend.
I will implement the new interface using Next.js 14 (App Router) and React 18, following your Figma mockups with pixel-perfect accuracy for desktop and optimized responsiveness for tablet and mobile. Styling will be built with Tailwind CSS, ensuring clean modular class structure and scalability. For state management, I can use React Query or Redux Toolkit, depending on the complexity of API data handling.
Integration with the Laravel backend will be done via REST API, covering all the required flows — product catalog with filters, cart and checkout process, payment status handling, user profile with history and balance, and informational pages (FAQ, contacts, Terms, Privacy, and error screens). The login via Steam will be handled as described: frontend redirect, with state handling after successful authorization, fully compatible with your backend logic.
I always follow clean project structure principles — separating components, features, and modules for maintainability. Code quality will be ensured through ESLint, Prettier, and clear documentation. I also have hands-on experience deploying frontends in Docker Compose environments, so setting up and running the project locally won’t be an issue.
…
Once completed, you’ll receive a fully functional frontend connected to your existing Laravel backend, along with a well-structured repository, a detailed README for setup, and stable performance across all modern browsers.
I’d be happy to review your Figma design and existing API structure to provide a precise estimate and timeline.
Looking forward to helping you launch this redesigned interface with a clean, modern, and robust React architecture.
Best regards,
Jeo Vincent Carretas
-
31 days1000 USD
219 2 0 31 days1000 USDHello. Extensive experience in developing complex frontend applications. The latest project is a smartwatch application on React. Write to me.
-
30 days1500 USD
326 30 days1500 USDHello!
I am ready to develop a new frontend for the marketplace based on your design in Figma using Next.js 14 / React 18 / TailwindCSS.
I have experience in creating marketplaces, eCommerce UI, and integrating with Laravel REST API.
✅ What I will do:
— Pixel-perfect layout of all screens (desktop / tablet / mobile) according to Figma;
— Implementation of catalog logic, cart, order processing, profile, payments;
— Integration with the Laravel backend via REST API;
— Authorization via Steam (redirect + state handling);
… — Performance optimization, responsiveness, SEO (Next.js App Router).
🛠️ My stack:
React 18, Next.js 14, TypeScript, TailwindCSS, React Query / RTK Query, ESLint, Prettier, Docker.
Examples of work: https://globalmap.github.io/project-list/
-
24 days800 USD
140 24 days800 USDHello!
I am a frontend and backend developer with 5 years of experience in creating modern web applications. I work with HTML5, CSS/SCSS, JavaScript (jQuery, Vue.js, React.js), PHP, Laravel, Smarty, and have experience integrating frontend with backend through REST API and working with Docker.
I can implement a new frontend for the marketplace on Next.js 14 / React 18 based on your design in Figma, with full integration to the Laravel backend, responsiveness, a shopping cart, payments, user profile, and authorization through Steam.
I would be happy to review the layouts and clarify details before starting work.
-
21 days500 USD
5210 12 0 21 days500 USDGood day,
I work as a Frontend developer and can easily complete your task.
My skills:
Front: NextJS, React, Redux. HTML/CSS/JS, Tailwind CSS
Back: nodeJS, express + MongoDB, MySQL
I would be happy to collaborate.
Example of my work:
https://freelancehunt.com/showcase/work/dodatok-dlya-spisku-sprav/1966945.html
-
7 days700 USD
152 7 days700 USDHi,
I am available to start work right now. With over 7 years of experience in React, Next.js, and frontend integration with Laravel backends, I can confidently deliver this new interface implementation efficiently and with high quality.
I have recently built similar projects involving Next.js 14 (App Router), React 18, and REST API integration with Laravel, ensuring pixel-perfect responsive layouts based on Figma designs. My approach emphasizes clean code architecture, component modularity, and seamless communication between the frontend and backend layers.
I’m also well-versed in Tailwind CSS, React Query, Redux Toolkit, Docker Compose, and TypeScript, which aligns perfectly with your technical stack and requirements.
I’m confident that I can deliver a fully functional, cleanly structured, and responsive frontend connected to your existing Laravel backend—ensuring smooth user flows from product browsing to payment and profile management.
… Feel free to review my relevant work and profile.
Best regards,
Cristian
-
10 days7000 USD
640 2 0 10 days7000 USDGood day! I am ready to start working, I have experience using Next.js, RTK Query, Redux Toolkit. To fully assess the work, I need to see the layout in Figma. Have a good day!
-
15 days1000 USD
307 15 days1000 USDHello.
I understand that you want to completely redesign the frontend with a modern, scalable architecture using React/Next.js 14, seamlessly integrating with your existing Laravel backend through REST API. I will provide the perfect implementation of your Figma design for desktops, tablets, and mobile devices using Tailwind CSS, with a clean modular structure, strict coding standards (ESLint/Prettier), and optimal performance. All user flows, including product catalog, cart, checkout, payment status processing, Steam authentication redirection, and user account features, will be fully implemented, tested, and connected to the backend. I am ready to deploy the project in Docker, ensure seamless integration, and provide clean documentation with a ready-to-use codebase.
-
1 day25 USD
875 9 2 1 day25 USDHello, please send the layout for evaluation.
-
7 days500 USD
1887 8 0 7 days500 USDReady to implement a new frontend based on your design in Figma using Next.js 14 (or preferably 15) / React 18 with integration into the existing Laravel API.
We will do:
–> responsive layout (desktop/tablet/mobile),
–> cart, payment, profile, Steam authentication,
–> clean architecture, ESLint + Prettier, Docker,
–> connection of all APIs and stable operation.
–> we recommend using Tanstack Query instead of React Query.
Start – immediately after reviewing Figma.
… Deadline: 1 week (more accurately after studying the design).
Budget: from $500.
We are a team of 4 developers from The Dev Company – we will do it quickly and cleanly, ready to discuss details in private messages.
-
21 days500 USD
1028 3 1 21 days500 USDGood day! I have good skills in programming in HTML/CSS/JS, I know React.js and Next.js well. I also have experience working with PostgreSQL and integrating APIs. Implemented projects are in the portfolio. I am ready to collaborate!
-
1 day1000 USD
423 1 day1000 USDHello!
My tech stack:
Next.js 14 (App Router) + React 18
Tailwind CSS + Headless UI for pixel-perfect layout
TypeScript by default
Zustand/RTK Query for state management (easier than Redux)
ESLint + Prettier pre-configured
… I will study Figma + API documentation
I will set up a Next.js + Tailwind + TypeScript template
I will implement components and pages mobile-first
I will integrate with the Laravel backend
I will test all scenarios (payment, Steam auth)
I will set up a Docker container
Rate: $35/hour or a fixed price for the project after evaluating the technical specifications
I am ready to start immediately after gaining access to Figma and the API documentation.
-
1 day400 USD
981 6 3 1 day400 USDGood hour, ready to do this Quickly - Qualitatively - Cheaply. Write in private messages.
-
20 days1000 USD
928 2 0 20 days1000 USDHello! Do you already have all the API endpoints ready for the catalog and order processing, or will I need to be involved in part of the backend development? This will help clarify the scope of integration and settings.
I have 4 years of experience in React (including Next.js), specifically in layout based on Figma designs and integration with REST API backends. I have worked with Tailwind CSS, React Query, and Redux Toolkit, I can organize a clean project structure and adhere to best practices in responsive layout. I also have experience with Docker for running the frontend in containers.
I am ready to start quickly and create a frontend that will be user-friendly and stable in operation. I would be happy to discuss the details and receive all necessary materials from your side.
-
30 days1000 USD
530 4 0 30 days1000 USDHello!
I am very interested in your project. I am ready to help.
About me: I have over 4 years of experience in Front-End React.js/Next.js only in large commercial projects. I have worked in large teams, but I also have experience in independent development.
My GitHub: https://github.com/virus231
LinkedIn: https://www.linkedin.com/in/vladyslav-prodan-4865891a0/
React per hour: $20
Contact me!
-
Добрый день!
Могу ли попросить дизайн для оценки работы?
Спасибо. -
Current freelance projects in the category HTML & CSS
Web design and developmentHello! For the current project, I am looking for two separate specialists: web designer (Figma) web developer (Frontend / WordPress) The project includes tasks such as: landing pages, online store, admin panels, WordPress site, as well as small tasks on React / Next.js and… HTML & CSS, Web Design ∙ 2 days back ∙ 102 proposals |
A modern website is needed for a stretch ceiling company in Poland.
634 USD
Need a modern premium design, mobile device adaptation, fast loading, SEO, animations, calculator, portfolio, application form. Experience in creating websites in Poland, landing pages for construction or renovation companies is preferred. Please be sure to send examples of your… HTML & CSS, Web Programming ∙ 2 days 1 hour back ∙ 157 proposals |
A Drupal developer is needed for edits on several websites.A Drupal developer is needed for edits on several websites. The site has bloated and filled up all the hosting.. HTML & CSS, Web Programming ∙ 2 days 7 hours back ∙ 37 proposals |
Optimization of WordPress site speed
113 USD
We will send full details in private messages Goal Maximize website loading speed, especially on mobile devices. KPI (mandatory) After the work is completed, the following metrics must be achieved. Mobile Performance 90+ LCP less than 2.2 sec INP less than 200 ms CLS less than… HTML & CSS, Javascript and Typescript ∙ 2 days 22 hours back ∙ 66 proposals |
Create a website and connect it to Shopifyto create a website and connect it to Shopify the main page is in the mockup there will be no product pages, there will be a modal window for selecting the size of the cream jar and its quantity after that, a delivery and payment window the order must be sent to Shopify with… HTML & CSS, Web Programming ∙ 3 days back ∙ 76 proposals |