Development of the frontend for the Ad Network cabinet according to Figma layouts (interactive UI)
Description:
It is necessary to implement the frontend of the Ad Network web cabinet according to the provided Figma layouts. A responsive, neat layout and interactivity of interface elements (tabs, filters, forms, tables, dropdowns, date ranges, etc.) are required. At this stage, the backend may be absent — mock data / request simulation is allowed.
Screens/sections (according to the layouts):
Auth (authentication)
Implement the screens and logic (UI side) according to the Figma layouts:Sign In: login form (email/username + password), validation, error/success states, disabled/loading for the button.
Sign Up: extended form “leave information about yourself/company” (as in the example), fields:
Username*
Company name*
Password* + Confirm password* (matching check)
First name*, Last name*
Email* + Confirm email* (matching check + format)
Country* (select / dropdown)
Currency* (select / dropdown)
Account type (radio): Publisher / Advertiser
Conditions*: checkbox “I read, understand and accept …” + clickable links to Terms & Conditions and Privacy Policy
Comments and additional information (textarea, optional)
The SIGNUP button is active only with a valid form; show errors under the fields.
Forgot Password: password reset request form (email), validation, success/error states.
Check email: informational screen after the reset request.
Create new password: new password form + confirmation, validation and states.
- General requirements for Auth:
UI states of elements: focus/hover/disabled/error/loading according to the design.
Error messages: required, email format, password/email matching.
Implementation on mock data/request simulation is allowed (without a real backend at this stage).
Dashboard layout: sidebar with navigation (Campaigns / Reports / Tracking / Finance / Admin panel / Settings), header with balance.
Campaigns:
list of campaigns (table: ID, Name, Status, Format, Pricing, Model, Actions)
filters: statuses, ad formats, status tabs (Active / In review / Rejected / Stopped / Archived)
pages Create campaign and Edit campaign with sections: General Details, Pricing, Budget, Creatives (ability to add multiple creatives), Targeting (countries/cities, proxy, connection type, device, OS/versions, browsers/languages), Start Options.
Reports (statistics/reporting)
reports/statistics page (in the layouts it may be labeled as “design”, but the content is — Reports)
table/visualization of metrics (according to UI in Figma)
filters and display management (period/date range, campaign/status/other filters if provided in the layouts)
states: loading / empty / error (on mock data or through API layer)
Finance:
top-up (instant/non-instant methods), promo code, showing details (commission/limits/wallet), email notification settings for balance
Top Up History: transaction table + filters (period, transaction id).
Tracking:
Postback Tracking page: show URL, copy, update button, test form (target url + test), states “no conversions in 24 hours”.
Settings (My account):
User data (email, first name/last name, messenger type/ID, country/city/address)
change password (old/new/repeat).
Implementation requirements:
Pixel-perfect compliance with Figma (margins, fonts, button/input states).
Responsiveness minimum: desktop + tablet (mobile can be discussed if needed).
Interactivity:
functionality of tabs/filters/dropdowns
form validation (required fields, URL/email format, password repeat)
loading/empty/error states for tables/requests (on mocks)
Architecture: component-based approach, reusable components (Input, Select, Table, Tabs, Button, Modal).
Data: mock data or integration through an abstract API layer (to later connect the real backend).
Quality: ESLint/Prettier, clear project structure, README on how to run.
Technologies (preferences, can suggest your own):
React + Next.js (or Vue/Nuxt)
TypeScript
TailwindCSS / or another modern UI styling
Form library (React Hook Form) + schema validation (Zod/Yup) — optional
Result (deliverables):
Repository (GitHub/GitLab) with the completed frontend
Built project that runs locally (npm/yarn/pnpm)
All screens from the layouts implemented + clickable scenarios (on mocks)
Acceptance criteria:
All screens from Figma are implemented and navigation between them works
Forms have basic validation and clear states
Tables/filters work on mock data
Visually corresponds to the layouts
What I will provide to the executor:
Link to Figma + access
UI assets (icons/logos), if available
(optional) list of fields/validation rules, if details need to be specified
-
1 day25 USD
9004 69 0 1 day25 USD
Good day, Yuriy!
I have reread the project description. I have experience working with next.js, tailwind css, and other libraries used for quality layout, form validation, and general UI logic.
I have already worked with similar sections that you described in the task and have extensive experience in layout and building interfaces on next.js.
I would be happy to take on this project. Can you send the design in Figma for preliminary review?
-
7 days223 USD
1543 15 0 7 days223 USD
Good day.
I am ready to do the frontend for your website.
I have extensive experience in frontend development.
Write to me, we will discuss.
-
25 days603 USD
1447 20 1 25 days603 USD
Good day, Yuriy!
I, Vitaliy, am an experienced React developer with over 5 years of experience, and I would be happy to help you with the creation of the Ad Network web cabinet. I would like to see the Figma that shows the design of the site, and after completing all the layout, I can also help with writing the backend for this project.
As a result of our collaboration, you will receive:
- Turnkey development – from code development to connecting domains and uploading code to the server
- A reliable, optimized, secure, and fast web cabinet
- Transparency in work and constant communication
… - Guaranteed support after the project is completed
Please review my portfolio:
Freelancehunt
I am ready to discuss your project and offer the best solution. Write to me – we will find the optimal approach!
-
25 days580 USD
345 2 1 25 days580 USD
Hello! I am a Webflow developer with over 1.5 years of experience as a freelancer. I create clear, responsive, and conversion-oriented websites – landing pages, business sites, CMS, and e-commerce – entirely in Webflow.
I focus on clear structure, smooth animations, and easy content management. I strictly adhere to deadlines, ensure simplicity in the process, and respond quickly. I am ready to discuss your goals and offer the best solution.
I can develop a turnkey website for you that is modern and has an awesome design, as the designers I collaborate with are the best in their field. Here are my projects:
https://only-winstar.webflow.io
https://tarosite.webflow.io/
https://acegames-478200.webflow.io/
https://www.kingdental.com.ua
… https://www.fl-ukraine.com/
https://www.obriy-roofspace.com.ua/
https://epoxyboss.ca
https://stuk-site-3de2c0b8ef2c69e6f2a3eed8f75f8.webflow.io
Best regards, Yaroslav
-
50 days603 USD
1524 15 0 50 days603 USD
Good evening, I have extensive experience in completing such orders. I have been engaged in turnkey development for over 5 years. I will be happy to collaborate!
I will send examples of my work in a private message.
-
50 days603 USD
907 28 0 50 days603 USD
Hello!
I have experience in developing custom CRMs (iGaming) of various complexity on NextJS+Shadcn+Tailwind+RHF+TanstackQuery.
I would be happy to discuss the details and further collaboration.
Thank you.
Have a nice day.
-
30 days446 USD
260 30 days446 USD
Good day, I did a similar project for my coursework (then for my diploma) and I would be happy to help you with yours. I am indicating approximate prices and costs.
-
21 days603 USD
513 3 0 21 days603 USD
Hello, I have done a lot of websites based on Figma design to order. Here is an example ucjester.pro I can implement yours as well.
-
15 days335 USD
24 7 1 15 days335 USD
Hi.
I have experience and a desire to work.
I will complete the work within the agreed-upon timeframe.
Current freelance projects in the category Javascript and Typescript
Support and development of the cleaning company's website
21 USD
I'm looking for a web developer/webmaster for long-term support and development of a cleaning company's website. Website: https://donely.ca About the project DoneLy Home Services is a cleaning service company in Canada that is actively growing and expanding its geographical… Javascript and Typescript, Web Programming ∙ 1 day 18 hours back ∙ 59 proposals |
Development of a website according to the specifications on FramerYou need to create a website based on the parameters in the technical specification. https://docs.google.com/document/d/1ODO2C9Krb4AaMiJz9wfbNzWlAyA2FwCCHL8r0biajUY/edit?usp=sharing Please provide your actual rate based on this design. HTML & CSS, Javascript and Typescript ∙ 2 days 19 hours back ∙ 27 proposals |
Development of an interactive Palworld map for the websiteWe need to develop an interactive map for Palworld based on the example: https://palworld.gg/map We need not just a static image, but a full-fledged interactive map where users can view locations, toggle object categories on/off, search for specific points, and interact with… HTML & CSS, Javascript and Typescript ∙ 4 days 10 hours back ∙ 32 proposals |
Development of the AM Mobility platform (car service, parking, insurance, car rental)
5794 USD
We are looking for a team or an experienced Full Stack developer to create the MVP of the AM Mobility platform. AM Mobility is a unified digital ecosystem for motorists, combining in one application and web platform: parking; car service; tire fitting; car wash; car rental;… Javascript and Typescript, Web Programming ∙ 9 days 17 hours back ∙ 119 proposals |
Gsap animations
22 USD
Good day. Corrections need to be made in the current project. A specialist is needed who works well with gsap/lenis. Animation of cards needs to be done. Detailed specifications here:… Javascript and Typescript, Web Programming ∙ 9 days 22 hours back ∙ 21 proposals |
Kyiv