Проекты React/Next/JS

Тема WP Themelia на Next.js 13 (App Router, SSR) + WordPress Headless CMS;
PWA: Тема WP Themelia на React + WordPress как Headless CMS;
Рабочий макет для работы с визитками в векторе (SVG + PDF);
Курсовой проект ‘Dashboard’;
Флаги международного свода сигналов;
Фильтр на сайте bpauto.ru;
Авторазборка в Санкт-Петербурге (Сайт);
Помощь в миграционных вопросах (Тест идеи).

Тема WP Themelia на Next.js 13 (App Router, SSR) + WordPress Headless CMS

Рабочий макет на примере нашего сайта: http://wp-themelia-nextjs.consultapp.ru/;
Репозиторий: https://github.com/consultapp/wp-themelia-nextjs-app-router;

Переработка темы WordPress с PHP на Next.js/React (Next13: Server Side Rendering и App Router) для использования WP, как Headless CMS.

Оценка PageSpeed Insights:

Технологии/Пакеты:

React
Next.js (App Router, SSR)
REST API WordPress
Themelia WordPress Theme

PWA: Тема WP Themelia на React + WordPress как Headless CMS

PWA приложение на базе нашего сайта: https://wp-themelia-vitejs.vercel.app/;
Репозиторий: https://github.com/consultapp/wp-themelia-vitejs;

Переработка темы WordPress с PHP на Vite.js/React для использования WP, как Headless CMS. Без SSR. Использован Redux для хранения ранее загруженной информации для избежания повторных обращений к серверу.

Технологии/Пакеты:

React
Vite.js
Redux
Redux/Toolkit
REST API WordPress
Themelia WordPress Theme
PWA (Progressive Web Application)

Рабочий макет для работы с визитками в векторе (SVG + PDF)

Технологии/Пакеты:

React
Next
Redux
Redux/Toolkit
html-pdf
Bootstrap

Курсовой проект ‘Dashboard’

https://dashboard.consultapp.ru

Технологии/Пакеты:

Чистый JavaScript

Флаги международного свода сигналов

nauticflags.consultapp.ru

Технологии:

Проект был написан с целью быстрого изучения флагов международного свода сигналов, тк изучение по методике «Cмотрю на листочке — повторяю» ломает логику использования флажной системы.

Мы должны не запоминать последовательность букв или расположение на лиcте, а создать четкую привязку «Флаг -> Понимание», без лишней информации и вычислению смысла по судорожному перебору всего списка.

Лучше всего эту задачу на мой взгляд решает карточный подход, что и было реализовано в проекте.