Доброго времени суток, коллеги! � Давно ничего не выкладывал — были перемены в жизни. Но код писать не переставал и пополнил портфолио новым pet-проектом. Вернее, одним, но ёмким. Закончил работу над SPA Techno Market на React. Это полноценный интернет-магазин с корзиной и оформлением заказов, плюс небольшой интеграцией в бэкенд (тут буду честен — помогал ИИ, особенно с серверной частью). Что использовал: Frontend: React (useContext, useState, useEffect, кастомные хуки). Данные товаров тянутся с внешнего API, а если он упадёт — подстраховался локальным JSON (fallback). Логика: Корзина, управление модальными окнами через состояние, слайдер. Интеграция с Telegram: Реализовал отправку заказа и обратной связи в Telegram-бота. Но встал вопрос: как защитить токен и chat_id бота? Тут ИИ подсказал крутую идею — вынести функцию отправки на Vercel. Теперь ключи хранятся прямо там, а фронтенд просто шлёт POST-запрос с данными. Эту же функцию можно использовать и в других проектах — сделал универсальной. Чтобы обезопасить себя от спама, подключил Redis_url — ограничил 3 запроса в час. Зачем я всё это пишу? 👇 Мне очень нужна обратная связь от сообщества! Посмотрите код: насколько он читаем и соответствует ли best practices? Как вам архитектура на хуках и контексте? Всё ли ок с UI/UX на мобильных устройствах? Любая критика — в плюс. В прошлый раз благодаря комментариям нашёл ошибку, которую сам не видел. Ссылки: 🔗 Демо: https://aleksandrslabov.github.io/petProjectTehno-Market/ 🔗 Репозиторий: https://github.com/AleksandrSlabov/petProjectTehno-Market P.S. Если решите протестировать форму обратной связи — данные улетят прямиком в мой Telegram, я их обязательно прочитаю! 😉 #frontend #reactjs #developer