Freelance projects

Freelance projects

Development of the frontend for the Ad Network cabinet according to Figma layouts (interactive UI)

Javascript and Typescript, Web Programming — incorrectly specified categories?

Project translated automatically. Log in or register, to view the original

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

Proposals 16

Marian Lukavyi

70 0

Budget: 1111 UAH Deadline: 1 day

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?

Mykyta Sorokin

19 0

Budget: 10000 UAH Deadline: 7 days

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.

I will support your project and fix issues even after the completion is confirmed.

Vitalii Kravets

20 1

Projects 20
Rating -
Rating 1 471

Budget: 27000 UAH Deadline: 25 days

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!

Yaroslav Borysenko

2 1

Projects 3
Rating -
Rating 345

Budget: 25999 UAH Deadline: 25 days

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

Roman Ohiienko

28 0

Projects 28
Rating -
Rating 883

Budget: 27000 UAH Deadline: 50 days

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.

Marian Hurskiy

0 0

Projects -
Rating -
Rating 236

Budget: 20000 UAH Deadline: 30 days

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.

Dmytro Toronchenko

3 0

Budget: 27000 UAH Deadline: 21 days

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.

Volodymyr Stetsenko

7 3

Budget: 15000 UAH Deadline: 15 days

Hi.
I have experience and a desire to work.
I will complete the work within the agreed-upon timeframe.

The list does not show proposals concealed by the client or freelancer with a Plus profile, as well as proposals violating rules

Current freelance projects in the category Javascript and Typescript

Fix the opening of Trust Wallet when clicking the link in the TikTok profile header.

Cryptocurrency & Blockchain 22 proposals 1 August

90 USD
Development of Telegram Mini App (RPG Game)

Web Programming 67 proposals 29 July

604 USD
Automation of creating vertical videos of one type using a plugin in After Effects.

HTML & CSS 16 proposals 23 July

Not specified

Yury Rudn
Kyiv, Ukraine

Projects 6
Rating 5.0
Rating 459

Development of the frontend for the Ad Network cabinet according to Figma layouts (interactive UI)

Auth (authentication)
Implement the screens and logic (UI side) according to the Figma layouts:

Dashboard layout: sidebar with navigation (Campaigns / Reports / Tracking / Finance / Admin panel / Settings), header with balance.

Campaigns:

Reports (statistics/reporting)

Finance:

Tracking:

Settings (My account):