Loading...

01/04

Site

JustBuy

JustBuy — full-stack проект интернет-магазина, который я начал на более раннем этапе своего развития как разработчика. Разработка остановилась до реализации всех задуманных сценариев. Спустя время я вернулся к JustBuy уже с другим опытом и другим стеком. Было принято решение законсервировать проект.

STACK

Caddy

Django

SQLite

Docker

MobX

React

КЛЮЧЕВЫЕ ФУНКЦИИ

Воспроизводимый запуск. Docker

Простой запуск на любой ОС. Без сложностей с определением версий и зависимостей

Авторизация и профиль

Авторизация через JWT-токен. Сохранение данных множества пользователей в профиле (банковские карты, пункт выдачи, корзина, купленные товары)

Пункты выдачи. Интеграция с Yandex Maps

Интеграция с Yandex Maps для отображения пунктов выдачи на карте. Интеграция с API геокодера для загрузки городов России

01 / 03

ОПИСАНИЕ

ПРОЕКТ

JustBuy — это legacy full-stack marketplace, вдохновлённый Wildberries. Я начал его как большой учебный проект, чтобы пройти весь путь: от дизайна и вёрстки до React, Django API и деплоя.

Первая версия интерфейса была отдельной HTML/SCSS-вёрсткой со сборкой через Gulp. Позже она стала визуальной основой React-приложения. При миграции на React, дизайн был переработан

image
Открыть первую Gulp-версию ↗

Сегодня я сознательно не переписываю JustBuy на новый стек: его ценность в том, что он показывает реальный этап моего развития.

Показатели

Производительность

Скорость и производительность

86/100

Время загрузки

Среднее время загрузки

0.9 s

SEO

Поисковая оптимизация

75/100

Доступность

Lighehouse, A11y

87/100

ЭВОЛЮЦИЯ

Листайте историю проекта

0110

04.04.2024

Создание макета

Создание макета, полноценного дизайна всех страниц

28.04.2024

Вёрстка в HTML/CSS

Вёрстка без логики, просто проба пера

13.05.2024

Редизайн

Здесь мне не понравился дизайн проекта и было принято решение переделать

20.06.2024

Миграция на React

Пока я делал дизайн и верстал, я изучал React и на этой фазе я понял, что правильно будет задействовать свои знания

24.06.2024

Добавление Django API

Также я уже работал с Django и было принято решение добавить в качестве backend Django

30.06.2024

Авторизация

Здесь я сделал модель пользователя и авторизацию через JWT-токен

01.07.2024

Основные страницы

Cart, Home, Profile, Delivery point, add product

05.07.2024

Крупный рефакторинг

Тут я понял, что код мало написать, чтобы он работал, нужно чтобы его понимали другие и нужно избавляться от мусора

10.07.2024

Пауза

Я ушёл в армию

01.09.2026

Деплой

Здесь я понял, что сайт морально устарел и технологии на нём и что его либо переписать, либо законсервировать. Я убрал все секреты из прямого доступа, добавил Docker и задеплоил в том виде, в каком он был