NiceyNYC
Ирландия, ГолуэйО проекте
Не знаете, где интересно провести вечер? Хотите узнать больше прикольных мест в Нью-Йорке? Перестаньте тратить время на поиски! Сделайте это с помощью NiceyNYC, нового сервиса, который всегда поможет найти какое-нибудь новое заведение и побывать во всех крутых местах города.
Особенности
Полностью адаптивный сайт, работающий корректно на любом размере экрана.
Для обновления информации используется JavaScript, что позволяет не перезагружать страницу при поиске мест.
Основные настройки темы легко изменяются из панели администратора без редактирования кода.
Главная страница
Главная страница с закрытым гамбургером
Главная страница с открытым гамбургером
Обратная связь
Подстраница
Подстраница (мобильная версия)
Строк кода
Часов разработки
Опций темы
Шаблона страниц
Навыки
CSS, HTML, JavaScript, PHP, SQL, MySQL, phpmyadmin, WordPress
Софт
Adobe Photoshop, Sublime Text, PhpStorm, FileZilla, Google Chrome c LiveReload и Perfect Pixel
Фреймворк
Bootstrap
Адрес сайта
Задача
Мой клиент оказался ирландским дизайнером и он хотел, чтобы по его макету был разработан сайт с функционалом для выдачи интересных мест Нью-Йорка.
При каждом обновлении цвет фона должен случайно выбираться из заранее созданной палитры.
На главной странице необходимо выводить случайный призыв к действию и случайное место, которое можно посетить.
Требуется обеспечить простой способ импорта новых данных и сделать процесс получения новой информации из базы данных незаметным, т.е. без перезагрузки страницы.
Результат
Задача была реализована в полном объеме.
На основе макета PNG была разработана тема для WordPress с использованием Perfect Pixel. Для темы создана страница с настройками (палитра цветов для фона, социальные ссылки, импортируемый код в шаблоны страниц и т.д.).
Данные о местах и призывах к действию хранятся в отдельных таблицах базы данных, откуда они извлекаются с помощью PHP, а затем передаются в JavaScript. После этого пользователю выводится страница со случайным фоном и информацией, а затем изменяется в случайном порядке при нажатии на кнопку. Перезагрузка страницы не требуется.
Контент и меню интегрированы с CMS WordPress.