Budget: 27000 UAH Deadline: 30 days
Hello. I have extensive experience with Next.js. I am ready for collaboration.
Figma project https://www.figma.com/design/O1ZFkM0Ugian1oUkMcq8qX/Untitled?node-id=1733-5461&t=uwr78V10NVNWzq6F-1
🔒 TECHNICAL TASK
FRONTEND BASED ON Figma LAYOUT
(WITHOUT BACKEND)
1. Work Objective
To create the user interface of the website strictly according to the Figma layouts (pixel-perfect) and integrate the code with the backend by coordinating the structure with the backend developer
❗️ Exclusively frontend, without implementing server logic or data storage
The result of the work must include both the frontend according to the layout and calls to API endpoints and filling the website content depending on the backend response
2. Design Source
The only source of truth is the Figma layouts
The layout is executed 1 to 1:
sizes
margins
fonts
colors
states of elements
Any deviations from Figma are prohibited without agreement
3. Frontend Responsibility Boundaries
🚫 Frontend must not:
implement business logic
store data
handle authorization (only sends data to the backend)
connect to the database
4. Forms (MANDATORY)
4.1 Form Behavior
All forms:
are laid out strictly according to Figma
contain visual validation (required, error-state)
Send data to the server according to how the backend accepts them
5. Lists, Cards, Tables
5.1 Data Source
All lists are dynamically obtained from the backend
The code immediately retrieves data from the API and displays it
6. Authorization / Registration
6.1 UI and Interaction with Backend
Layout of login / registration screens
7. Buttons and Actions
7.1 All Buttons
Must have hover / active / disabled states (if present in Figma)
Perform real actions by sending data to the backend or other functions they are supposed to execute
8. Modal Windows / Popups
Open/close using code
Load data
9. Responsiveness
Mandatory breakpoints:
Desktop
Tablet
Mobile
The layout is strictly according to the responsive Figma layouts
Unilateral decisions are prohibited.
10. Technical Requirements
React
Clean, readable structure
Component-based approach
11. Acceptance Criteria
The work is accepted if:
The layout visually matches Figma
The code is connected to the backend
12. Prohibited without agreement
❌ Independently:
invent logic
optimize UX "in your own way"
add behavior not from Figma
EVERYTHING MUST WORK AND LOOK LIKE IN FIGMA!
Budget: 27000 UAH Deadline: 30 days
Hello. I have extensive experience with Next.js. I am ready for collaboration.
Budget: 15000 UAH Deadline: 12 days
I will implement a pixel-perfect frontend on React with full API integration and component typing for your backend. The cost of development according to the technical specifications is $600, and the completion time is 12 working days.
Is the API documentation (Swagger/Postman) already ready for integration setup?
Budget: 15000 UAH Deadline: 5 days
Hello, Valery! I am ready to bring your Figma project to life with absolute pixel-perfect accuracy. I have experience working with React and creating responsive interfaces that fully match the designs. I will focus on flawless integration with the backend, adhering to all technical requirements, including forms and lists. With my knowledge in web development and attention to detail, I will ensure high quality and stability of the result. I look forward to collaborating and the opportunity to implement your project exactly according to the layouts!
Budget: 15000 UAH Deadline: 14 days
Good day!
I am ready to complete your project. I work with web development and design, have practical experience and a portfolio.
I have worked with clients from Ukraine and Europe, adhere to deadlines, and am always in touch.
I am ready to discuss the details and offer an optimal solution. I can start as soon as possible.
Budget: 15000 UAH Deadline: 14 days
Hello.
I have familiarized myself with the task.
I will create a quality layout.
Write to me, we will discuss the project details!
----------------------------------
Private web developer. Experience – 10 years.
Design, layout, development of Wordpress websites.
Когда тз составлено с помощью ии…
«
(БЕЗ БЭКЕНДА)
так и вызовы конечных точек апи и заполнение контента сайта в зависимости от ответа бэкенда
реализовывать бизнес-логику
хранить данные
делать авторизацию(только отправляет данные на бэкенд)
подключать БД
Все списки получаються динамично с бэкенда
Код сразу же получает данные с апи и отображает их
6.1 UI и взаимодействие с бэкендом
Выполняют реальные действия отправляя данные на бэкенд или другие функции которые они должны выполнить
Код подключен к бэкенду»