Layout React+ backend connection SPA
700 USD Layout of the mockup
3 unique pages
Dashboard
Main area - adding and managing servers/websites
All data will be sent to the database, no third-party services except the paid system will be used
Responsive for all devices
Quality code
Dark/Light version
Backend connection - Swagger is ready
https://www.figma.com/design/ucrevKD0FIVe3JSNepvsP1/ShieldNet?node-id=2-3&t=hfIfft1Fwy3jFRze-1
Client's review of cooperation with Maksim Silka
Layout React+ backend connection SPAExcellent layout, everything works well
Proceeding with the technical specifications and adapting to the situation
Freelancer's review of cooperation with Dmitry Raid
Layout React+ backend connection SPAWonderful cooperation, despite my delays in terms of deadlines) Let's work!
-
30 days5000 USD
96232 1273 1 10 30 days5000 USDHello. I have extensive experience with Node.js/React. Ready to implement in Next.js
-
12 days680 USD
16265 36 0 12 days680 USDello, Dmitry.
I have studied your Figma mockup (ShieldNet) and the Swagger API integration requirements in detail. The design is very clean and professional. This is a task for developing a full-fledged web application (SPA), not just a layout job.
To ensure maximum performance, scalability, and code quality, I strongly recommend using the Next.js stack (as a production framework for React) and Tailwind CSS for styling. This is my core specialization. This approach is ideal for building fast and modern dashboards.
I see the three main pages (Login, Dashboard, Server Management) and the key components: sidebar, statistics cards, a server table with filters, and modals for adding/editing.
I propose the following step-by-step work plan:
…
Phase 1: Project Setup & Core Layout (≈ 2 days)
Initializing the Next.js project, setting up the structure.
Configuring Tailwind CSS with variables for the dark/light themes.
Creating the main application layout (sidebar, header).
Phase 2: UI Component & Page Development (≈ 5 days)
Creating all components from Figma (buttons, inputs, cards, tables, modals).
Building the layout for all three pages with full responsiveness for all devices.
Phase 3: API Integration & State Management (≈ 4 days)
Setting up a client to work with your Swagger API.
Implementing authentication logic, fetching and displaying data on the dashboard.
Connecting the functions for adding, editing, and managing servers.
Phase 4: Finalization & Testing (≈ 1 day)
Comprehensive testing of all functionality, fixing minor bugs, and code optimization.
Total Estimate:
Timeline: 12 business days
Price: $680 USD
This price reflects a complete, high-quality implementation of the project according to the presented plan, using a modern stack. This approach guarantees a predictable result and a reliable architecture for future development.
-
20 days1000 USD
310 20 days1000 USDHello Dmytro!
My name is Pavlo, and I am a frontend developer with over 5 years of experience and have experience developing dashboards. I will create the layout, develop state management, and connect API for your application.
Stack React->Redux->Saga/Thunk->Sass/Less.
For more detailed discussion, please message me privately.
-
5 days350 USD
4800 26 0 5 days350 USDДобрый день, готов приступить к верстке, мобильной версии не нашел, но дизайн не сложный, так что проблем не будет. Интегрирую все функции, код будет модульным, при необходимости, могу помочь с бекендом. Обращайтесь!
-
1 day160 USD
1956 11 0 1 day160 USDHello. My name is Nikolay. I am a front-end developer with over six years of experience. I work with technologies such as React and Angular. Creating UI components. Responsive and semantic layout. Your project interested me. I would be happy to collaborate..
-
10 days25 USD
685 2 0 10 days25 USDInteresting project — I especially liked the clean design and the idea of managing servers directly from the dashboard. I am ready to take on the responsive layout of all three pages, considering dark and light themes, connecting to the backend via Swagger (without third-party services, only the database and payment system — understood).
-
10 days450 USD
12912 67 0 10 days450 USDHello! I will complete your task quickly and efficiently.
My portfolio: https://freelancehunt.com/ua/freelancer/romas6ka.html#portfolio
Write to me, I will start working today. I will be glad to cooperate with you!
-
Winning proposal10 days700 USD
1018 7 0 Winning proposal10 days700 USDGood afternoon, I will gladly do everything quickly and efficiently, with over 3 years of experience solely in React
Personal website: msil.vercel.app/
-
60 days2800 USD
313 1 0 60 days2800 USDHello!
I have already had experience solving a similar task in React. Ready to create your SPA application and integrate it with the backend.
Write to me, let's discuss the details.
-
1 day1300 USD
319 1 day1300 USDGood afternoon, we are engaged in web development, Telegram bot development, website layout on PHP, frameworks Laravel, HTML, CSS, including WordPress. We develop websites on PHP, frameworks on Laravel, and mobile applications for iOS and Android turnkey.
We develop websites on PHP and mobile applications for iOS and Android.
We have experience in creating CRM/ERP systems.
We are ready to execute your order turnkey.
We develop websites on WordPress and mobile applications for iOS and Android. The total development experience is 7 years. We are ready to execute your order turnkey.
1. Projects
https://berkanaplus.com.ua/ - This site was migrated and server configured.
2. https://leondesign.kyiv.ua/
… PHP version updates and plugin updates.
3. https://peg.com.ua/
Development of a new module for the site for dynamic product price updates.
https://uvali.com.ua/
Dedicated server VPS configuration. 📈 Internet marketing and promotion:
Google Ads, Facebook, TikTok advertising setup
SEO and copywriting
Promotion through push notifications and in-app advertising
Marketing analytics, A/B testing, campaign optimization
📈 Internet marketing and promotion:
Google Ads, Facebook, TikTok advertising setup
SEO and copywriting
🎨 Design solutions:
In-house design department
UI/UX design, branding, advertising creatives
-
6 days330 USD
200 6 days330 USDGood day!
Ready to implement the layout — 3 unique pages, dashboard, server/site management, with responsiveness for all devices.
Will provide clean, structured code, implement dark/light theme.
Have experience integrating with backend via Swagger, so ready to quickly connect the API.
Guarantee quality and responsible implementation.
Ready to discuss details!
-
15 days1234 USD
1796 4 0 15 days1234 USD⭐⭐⭐⭐⭐⭐⭐⭐⭐⭐⭐⭐⭐⭐⭐⭐⭐⭐⭐⭐⭐⭐⭐⭐⭐⭐⭐
Hello! I am not only a UX/UI Designer but also a developer.
I know HTML, CSS, JavaScript, React, Node.js technologies.
Here is my design portfolio:
Behance
-
5 days440 USD
99 5 days440 USDHello,
I will create a complete layout with a clean structure and real-time interaction, directly linked to your backend.
Each of the three pages will be fully responsive, with a control panel providing a clear overview, and a main section designed for quick server and site management.
Everything connects through your specified Swagger FastAPI, no external tools except for the payment system.
I will use React with proper dark and light modes that adjust both style and perception.
One of the features I will include is a smooth embedded status response so users can see what is happening without needing to refresh or wait.
I can deliver a fast, clean, and reliable solution.
-
1 day55 USD
2656 40 0 1 day55 USDHello. I will do it. Write to me, I will be glad to cooperate
Hello. I will do it. Write to me, I will be glad to cooperate
-
5 days500 USD
4097 5 1 5 days500 USDHello, Dmitry.
I have carefully reviewed your Figma design.
As a senior web developer with 7 years of experience, I am absolutely confident that I can perfectly complete your project and deliver it on time.
Recently, I created 2 admin web applications to support global events/parties (web application and mobile application versions).
The integrated Stripe payment gateway and crypto payment gateway recorded the entire transaction history and support tickets, as well as real-time chat with clients to improve user experience.
Therefore, I am absolutely confident.
I would like to discuss this with you.
Thank you.
-
14 days450 USD
6786 18 1 14 days450 USDGood afternoon
I have reviewed the layout
I have all the necessary experience
Write to me
Current freelance projects in the category HTML & CSS
Website optimization
Optimization of the website jdgreta.co.uk on Shopify. SEO audit attached to the project. Main tasks - - Fix all meta data - Complete the technical specifications for the programmer (since this project combines tasks for both the programmer and SEO, if you are not a company -… HTML & CSS, PHP ∙ 5 hours 42 minutes back ∙ 22 proposals |
Transfer of the website to Shopify
We need to migrate the current website jdfurniture.uk from OpenCart to the Shopify platform. The current OpenCart site generally meets our needs in terms of structure and functionality. The main reason for the migration is issues with payment systems. There should be no such… HTML & CSS, Web Programming ∙ 23 hours 24 minutes back ∙ 33 proposals |
Transfer of design to WordPress
45 USD
Good day! It is necessary to transfer the finished design of a one-page landing page to WordPress. The layout is fully ready (Figma), no design development is needed. It is required to code the page quality, adapt it for mobile devices, and set it up on WordPress. Please… HTML & CSS ∙ 1 day 5 hours back ∙ 102 proposals |
Output posts from Instagram to the website (OpenCart)
16 USD
Hello. I need to set up functionality so that a block with Instagram posts appears on the site (OpenCart). Please respond if you have done this and know how to do it :) Thank you :) We will agree on the price, I don't know how much it costs. HTML & CSS, Web Programming ∙ 1 day 8 hours back ∙ 50 proposals |
Landing page for an English school
301 USD
We are looking for a designer + landing page developer (Wix / WordPress / Weblium) Hello! We are looking for a performer for the design and layout of a landing page for an English language course. What is needed: — design and layout of a landing page with 12 blocks; —… HTML & CSS, Interface Design (UI/UX) ∙ 1 day 11 hours back ∙ 133 proposals |
Toronto