Create a landing page on Nuxt3
166 USD
Task: create a responsive layout according to the design https://bit.ly/3OQRpPb
Stack: nuxt 3, tailwind, monorepo, pnpm
Specific provisions:
Header - leave the menu links empty, yellow button without action binding
"How it will improve your company" (and similar below) - the CEO/HR button should change the data in the adjacent block
Reviews - it is necessary to use splidejs, which is already connected to the project
"Service through the eyes of an employee" should change the image next to it when switching
Questions/answers: expanding/collapsing questions should work, data for this block can be obtained through a composable function (there is an example in the project, you can copy and replace the id)
Make the feedback form ready for validation and readiness to send data to the backend, sending data does not need to be implemented
Expectations:
- use styles only on tailwind
- it is necessary to divide blocks and elements into separate components, rather than cramming everything into one page or one component
- it is necessary to consider that the project has multilingualism, so the use of localization variables is mandatory
- for complex multilingual formatting, use the <i18n-t /> constructs
- in other applications of the project, there is already a certain ui-kit of button components, inputs, and others, but it is in a completely different style; accordingly, as it will be more convenient and faster for you to do, you can either finish an optional theme for existing elements or build a new set of elements based on some other kit - this is at your discretion, the decision should be made based on current speed and future maintainability
- attention to your work
- work for review should be submitted as a push to the git repository
Задача: зробити адаптивну верстку відповідно до макета https://bit.ly/3OQRpPb
Стек: nuxt 3, tailwind, monorepo, pnpm
Окремі положення:
Хедер - посилання в меню залишити порожніми, жовта кнопка без прив'язки до дій
"Як покращить вашу компанію" (та йому подібний нижче) - кнопка CEO/HR повинна змінювати дані в блоці поруч
Відгуки - необіхдно використати splidejs, який вже підключений до проєкту
"Сервіс очима працівника" має змінювати зображення поруч при перемиканні
Питання/відповідь: розгортання/згортання питань повинно працювати, дані для цього блока можна отримати через composable-функцію (є приклад в проєкті, можна скопіювати і замінити ід)
Форму зворотнього зв'язку зробити до стану валідації і готовності передати дані на бекенд, відправку даних реалізовувати не потрібно
Очікування:
- використовувати стилі тільки на tailwind
- необіхдно ділити блоки та елементи на окремі компоненти, а не ліпити все в сторінку чи в один компонент
- необхідно враховувати, що проєкт має багатомовність, тож використання змінних локалізації обов'язково
- для складного форматування багатомовності використовувати конструкції <i18n-t />
- в інших застосунках проєкта вже існує певний ui-kit з компонентів кнопок, інпутов та іншого, але він зовсім в іншому стилі; відповідно до цього, як вам буде зручніше та швидше зробити, можете або доробити опційну тему для існуючих елементів, або побудувати новий набір елементів на базі якогось іншого кіта - це на ваш розсуд, рішення потрібно обрати з розрахунку поточної швидкості та майбутньої підтримуванності
- уважність до своєї роботи
- робота на перевірку здається у вигляді пуша в гіт-репозиторій
Client's feedback on cooperation with Pavel Semenyuk
Create a landing page on Nuxt3It was a pleasure to collaborate. Professional and high-quality work. I recommend it to everyone looking for a professional frontend developer.
Freelancer's feedback on cooperation with Andrii Bon
Create a landing page on Nuxt3I want to thank you for the wonderful collaboration! Working on the frontend project was very interesting and exciting. The client clearly set the tasks, provided all the necessary information, and responded promptly to questions.
-
Winning proposal7 days166 USD
1402 19 2 1 Winning proposal7 days166 USD
Good day. I have over 4 years of experience in development with Vue, Nuxt. I also very often use Tailwind. I will be happy to complete your project. Write to me, we will agree.
Доброго дня. Маю досвід розробки на Vue, Nuxt 4+ роки. Також дуже часто використовую Tailwind. З великим задоволенням виконаю Ваш проєкт. Пишіть, домовимося.
-
7 days355 USD
1144 3 0 7 days355 USD
Hello! I have experience in developing responsive interfaces using Tailwind and Nuxt 3, and I pay close attention to the details and requirements of each project. I would be happy to discuss your wishes, deadlines, and budget for this task!
Привіт! Маю досвід у розробці адаптивних інтерфейсів із використанням Tailwind та Nuxt 3, і уважно ставлюсь до деталей та вимог кожного проєкту. Буду радий обговорити Ваші побажання, терміни та бюджет для цього завдання!
-
1 day12 USD
1035 36 0 2 1 day12 USD
Good day, Andriy.
I will perform with 100% quality.
7 years of experience in top IT companies.
Sincerely, Oleksandr
Доброго дня, Андрій.
Виконаю якісно на 100%.
7 років досвіду в топових IT компаніях.
З повагою Олександр
-
7 days639 USD
285 9 0 7 days639 USD
Good day. I have extensive experience working with Nuxt, Vue 3 + ts. The only thing that needs to be clarified is regarding the use of Tailwind.
Доброго дня. маю великий досвід у роботі з Nuxt, Vue 3 + ts. Єдине що треба уточнити щодо використання тейлвінда
-
7 days355 USD
638 2 0 7 days355 USD
Good afternoon,
5 years of experience working in product companies with Vue.js Nuxt.
Participated in the development of the project https://talentfly.com/
You can view information about me in my profile.
We can discuss the project in private messages.
Добрый день,
Oпыт работы в продуктовых компаниях на Vue.js Nuxt 5 лет.
участвовал в разработке проекта https://talentfly.com/
Информацию обо мне можете посмотреть в профиле.
Можем обсудить проект в личных сообщениях
-
8 days213 USD
1587 21 0 1 8 days213 USD
Good day, I have 6 years of experience with vue.js and 2 years with nuxt.js, I can easily implement your project, I will break everything down into components and create the logic according to the specifications, I have a few questions, ready to ask them in private messages, write to me and we will discuss the details.
I just looked at your profile and noticed that we have already worked together on a calendar using vue.js.
Доброго дня, маю досвід з vue.js - 6 років, а також з nuxt.js - 2 роки, без проблем руалізую ваш проект, розібью все по компонентам, і зроблю логіку згідно тз, маю декілька запитань, готовий задати їх в особистих повідомленнях, пишіть обговоримо деталі.
Тільки що переглянув ваш профіль і помітив що ми вже працювали разом над календарем з використанням vue.js
-
7 days263 USD
152 7 days263 USD
Ready to discuss) Experience with Vue 5+ years. Worked on the backend with NodeJS Laravel. Had experience as a layout designer. Hourly rate $10/hour. Portfolio website https://pavelos.online (use VPN if it doesn't open)
Готов обсудить) Опыт с Vue 5+ лет. На бэке работал с NodeJS Laravel. Был опыт верстальщика. Почасовая ставка 10$/час. Сайт-портфолио https://pavelos.online (VPN если не открывает)
-
1 day12 USD
3100 34 0 1 day12 USD
Hello, I will do it. Write to me, I will be happy to collaborate.
Вітаю, зроблю. Пишіть, буду рада співпраці
Вітаю, зроблю. Пишіть, буду рада співпраці
-
Веб-сайт невеликий, розглядаєте фреймворк на Astro + React?
-
Ні, це вже існуючий проект на Nuxt
-
Current freelance projects in the category HTML & CSS
It is necessary to create a website using the native WordPress editor Gutenberg.The site consists of 6-7 unique pages that need to be designed in the block editor Gutenberg (there are blocks that are repeated on several pages) the design is here:… Content Management Systems, HTML & CSS ∙ 1 minute ago |
WP design
412 USD
Hello! WP, custom theme. The backend for the design is almost ready. We need to create a design based on the example of the website that I will send for your review. We can confirm the cost after you have reviewed it. We do not need a mockup. We need the layout immediately… HTML & CSS, Web Design ∙ 37 minutes ago ∙ 28 proposals |
Creation of mini landing pages in html/css using ClaudeAINeed to create landing pages through https://claude.ai only html/css without scripts and any working component In the attachment is an example of a landing page (you can refer to it for the number of blocks/structure) and this is the final version that is considered completed.… AI & Machine Learning, HTML & CSS ∙ 1 hour 51 minutes ago ∙ 6 proposals |
It is necessary to redesign the structure of the website ankort.com WP.
12 USD
by designations: Yellow color of the element - new page Gray circle - this page will not exist, navigation element for the menu Button - the page will not appear in the menu. The link to this page will only be on the page one level above Question mark - for now, this is the… HTML & CSS, Web Programming ∙ 2 hours 2 minutes ago |
Make a clean landing page for GoogleOften Google may not like the content of the landing page and ultimately rejects the ads for malware I need you to clean the landing page of this malware if it is present, possibly replace suspicious js files, etc. HTML & CSS ∙ 6 hours 44 minutes ago ∙ 11 proposals |
Kyiv