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

Оглавление

Live Chat for Site with Chat GPT

Чат для посетителей сайта с возможностью общения не только с менеджерами, но и ответами Chat GPT на часто встречающиеся вопросы по работе компании.

Fence Calculator

Фронт. часть на Vite/React + верстка по макету Figma. Связка с WP через WP Api и создание кастомного плагина.

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

Emulator of the ‘Game of Life’

Игра «Жизнь» (англ. Game of Life) — клеточный автомат, придуманный английским математиком Джоном Конвеем в 1970 году. Это игра без игроков, в которой человек создаёт начальное состояние, а потом лишь наблюдает за её развитием. В игре можно создать процессы с полнотой по Тьюрингу, что позволяет реализовать любую машину Тьюринга.

Пример поля игры Жизнь

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

  • JavaScript.

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

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

Оценка PageSpeed Insights:

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

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

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

Lighthouse report.

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

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

  • React
  • Next
  • Redux
  • Redux/Toolkit
  • html-pdf
  • Bootstrap

Проект ‘Dashboard’

https://dashboard.consultapp.ru

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

  • Чистый JavaScript

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

nauticflags.consultapp.ru

флаги международного свода сигналов - снимок экрана

Технологии:

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

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

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

Фильтр на сайте bpauto.ru

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

Авторазборка в Санкт-Петербурге (Сайт)

thezap.ru

снимок экрана сайта thezap.ru

Технологии:

Помощь в миграционных вопросах

снимок экрана проекта migration.consultapp.ru

Технологии: