Translate a page from WordPress to Vue.js + WordPress REST API Headless
A) Page on WordPress:
HTTPS://test.wetterheld.com/home/drought/
A2) The page uses Sections: Everything below the first screen is repeated on several other pages, and with Sections we show it in the same form.and m.In the "Sections" file touch, you can see how it is reflected in our WordPress admin panel.A3) The page works beautifully on different screen sizes (responsive design) - you can check by reducing the screen.We want to translate the frontend of this page to a new system using Vue.js:
B1) We accept data through the API from the Laravel backend, using them we render the first screen of the page.This is all that you can see below the menu, but above the "Insure against drought" button:
- Slider with images of wheat and other plants
Calendar with the selection of the date of beginning and end of the period
Choosing a drop-down plant
What data will be received through the API?Approximately the same that is now coming through Sections on this page, see.In the file “MAIN PAGE – sections”.B2) We accept data on design, content, including what is recorded in Sections, through the WordPress REST API, using them to render the menu and the rest of the page below the "Insure against drought" button.and m.Attack all the “sections” files except “MAIN PAGE”.The result is to show a page, (as far as possible) the same existing.We accept the result according to the following criteria:
C1) The page looks exactly as it looks, but uses the top of the API + Vue.js -- i.e.We can, for example, change the list of plants through our backend, without WordPress
C2) Administrator can further edit the content of Sections in WordPress (meny, the rest of the page below the "Insure against drought" button)
The page works on different screen sizes (responsive design).Please offer the indicative rates and deadlines, as well as ask for all the information you need for a confident assessment of the cost and deadlines.We will quickly disclose this information here.
Для начала работы
Мы предоставим Вам:
- сервер для разработки
- доступ в репо BitBucket
- админ-доступ в WordPress
Процесс работы:
1. Вы загружаете код в репо, проводите деплой на наш сервер.
2. Вы проводите изменения в настройках WordPress, которые Вам все нужно будет тщательно записать и передать нам.
3. Мы вводим Ваши изменения в настройках WordPress в скрипт, который собирает сервер, и пересобираем сервер с нуля.
4. Тестируем страницу согласно пунктам С1, С2, С3 + проверяем Ваш код, нет ли там грубых ошибок / проблем.
5. Принимаем результат, если все работает.
Добавляю два файла:
1) Архив с HTML и CSS файлами страницы -- для того, чтобы Вы могли подтвердить, что со стилями все подходит.
2) Описание API бекэнда для этой страницы -- тут видно, какие параметры приходят, а какие надо отдавать. Их совсем немного.
Applications 10
Client's review of cooperation with freelancer
Translate a page from WordPress to Vue.js + WordPress REST API HeadlessA super developer! Not only knows his business, but also leads the development process professionally, thinks, offers solutions. Even where the problems were from our side (server, etc.)He actively sought and found a way out. Thank you ! We will continue to work!
Freelancer's review of cooperation with Nikolaus Haufler
Translate a page from WordPress to Vue.js + WordPress REST API HeadlessGood customer, pleasant to have a deal, I will be happy to continue cooperation. The project clearly describes the tasks and the criteria for acceptance of work.
![]()
Current freelance projects in the category Content Management Systems
DevOps / System Administrator for migrating and securing a WordPress siteWe are looking for an experienced DevOps engineer or system administrator for a one-time project with the possibility of further technical support. We have a main commercial website on WordPress. It is currently hosted on shared hosting, and recently we have been facing an… Content Management Systems, Web Programming ∙ 7 hours 24 minutes back ∙ 21 proposals |
Improvement of the Simple Pass module for OpenCart
56 USD
Good day, what needs to be done Problem: the basic functionality of the module allows parsing promotional prices, but the dates of promotions can only be set manually before parsing. What needs to be done: 1) Improve the ability to parse the start and end dates of promotions. 2)… Content Management Systems ∙ 8 hours 45 minutes back ∙ 13 proposals |
Development of a website for an online store.Interested in developing a website for an online store. Need a system: online store (up to 2000 products, initially less), 10–20 SEO-oriented landing pages, integrations with 1C and AI services. Content Management Systems, Web Programming ∙ 12 hours 28 minutes back ∙ 73 proposals |
Refinement of the Front-end e-commerce site on OpencartNeed to refine the front-end of an e-commerce site on OpenCart. Main tasks: fix visual bugs, ensure responsiveness for mobile devices, improve the display of product cards, categories, cart, and checkout page. Neat layout is expected, maintaining the current design, and correct… Content Management Systems, Web Programming ∙ 1 day 4 hours back ∙ 52 proposals |
SEO/GEO full-cycle architect for WordPress (Bricks) — niche export sites EN: Full-cycle SEO/GEOAbout us. KOLEO is a manufacturing and construction company specializing in wooden house building (Ukraine, 20+ years, 300+ projects in 35+ countries). We are entering export markets through a series of niche websites. We are looking for specialists whose websites actually rank… Content Management Systems, Search Engine Optimization (SEO) ∙ 1 day 7 hours back ∙ 15 proposals |
