- Интернет-магазин "Пралине" - Проект написан на Next.js 14 - TypeScript, с использованием Tailwind в качестве стилизации. Состоит из фонтенд и бекенд частей, где бекенд сделан тоже в Next.js и хостится на сервере Vercel в виде реляционной PostgreSQL базы данных. Там же располагается и фронт часть. Связь Бека с Фронтом осуществляет Prisma.
В качестве стейт менеджера используется Zustand, а аутентификацию делает Next-auth. Приложение адаптировано под различные разрешения экрана и браузеров.
Технологии: Next.js, Next-auth, React, React-hook-form, Zod, React-use, React-hot-toast, TypeScript, Shadcn, Zustand, Prisma, Axios, Tailwind.
Смотреть работу: https://pralinecakes-next-tailwind.vercel.app/
- Кондитерская "Пралине" - Действующий, интересный, многостраничный сайт с аккуратной анимацией, для московоской кондитерской. Сайт, который сегодня приносит заказчику много клиентов, изначально был написан на React, но затем переделан на Next.js, для SEO продвижения.
Конечно же сайт полностью адаптирован под различные размеры экранов. В стилизации используется SCSS с миксинами и различными константами. Структурирован по БЭМ. Работа над сайтом проводится постоянно, появляются новые страницы, функции, фичи и тп, поэтому репозиторий данного проекта приватный.
Технологии: Next.js, React, React-use, TypeScript, Swiper, SCSS.
Смотреть работу: https://pralinecakes.ru/
- Кондитерская "Пралине" - Многостраничный сайт для кондитерской. Написан на React и структурирован согласно методологии БЭМ Flat. Адаптирован для различных разрешений экрана и браузеров. Технологии: React, React Router, TypeScript, SCSS.
Смотреть работу: https://pralinecakes.ru/
- PROФинанс - Многостраничное приложение с подгрузкой таблицы данных телефонов. В конце таблицы указана графа "Итого", которая меняется в результате редактирования таблицы или фильтров. Технологии: React, React Router, Redux-Toolkit, TypeScript, SCSS, без адаптива.
Смотреть работу: https://alexandermorugin.github.io/pro-finance/
- Stellar Burgers - Многостраничное приложение космической бургерной с возможностью составить собственный бургер и сделать заказ. Реализована анимация, аутентификация и авторизация. Приложение не адаптировано под разные разрешения экранов. Технологии: React, React DnD, React Router, Redux, TypeScript, Rest API, WebSocket.
Смотреть работу: https://alexandermorugin.github.io/react-burger/
- Продуктовый магазин - Геймифицированный сайт-баннер. Технологии: HTML, CSS, JavaScript, Drag and Drop, Адаптивная верстка.
Смотреть работу: https://alexandermorugin.github.io/vanilla-js-market/ - Велосипеды - Лендинг. Технологии: HTML, SASS, JavaScript, Адаптивная верстка.
Смотреть работу: https://alexandermorugin.github.io/hard-01/ - Путешествие по России - Лендинг. Технологии: HTML, CSS, Адаптивная верстка.
Смотреть работу: https://alexandermorugin.github.io/russian-travel/
JavaScript / SCSS / TypeScript / React / Redux / Next.js / Tailwind / Zustand / Prisma