Иллюстративная витрина · переосмысление исходного университетского проекта, созданного до использования ИИ
С чего всё началось
Во время Erasmus в Альмерии я вместе со студентами из четырёх стран разработал учебный проект интернет-магазина для мясной лавки из Мадрида. Мы создали его без инструментов генеративного ИИ.
Проблемы и решения
Вместе разобраться в работе магазина
Эта сфера была новой для команды, и у каждого был свой опыт. Прежде чем проектировать каталог и оформление заказа, нам нужно было разобраться в работе мясной лавки и найти общий язык для принятия решений.
Размышления об арабском языке
Мы рассматривали арабскую версию, для которой потребовались бы чтение справа налево и изменения навигации и выравнивания. При планировании каталога учитывались и пищевые предпочтения, например исключение продуктов из свинины. Для переводов в проекте используется i18next. Арабская версия осталась на стадии предложения.
Учётные записи и платежи
В команде я отвечал за регистрацию, вход и роли, безопасность и криптографию, интеграцию Stripe и правовые аспекты оформления покупки. Моя работа связывала пользовательский процесс покупки с проверками в приложении.
Как это работает
Node.js, Express и TypeScript обрабатывают запросы. Шаблоны EJS генерируют HTML на сервере. Интерфейс построен на CSS, JavaScript и Bootstrap.
MySQL хранит данные приложения. Скрипты начального заполнения в репозитории предоставляют демонстрационные товары и данные для разработки.
Сессии и отдельные маршруты связывают аутентификацию, каталог, корзину, заказы и администрирование через общие данные приложения.
i18next управляет переводами контента. Я интегрировал Stripe в процесс покупки и работал над проверками личности и ролей, связывающими интерфейс с сервером.
О проекте подробнее
Каталог и корзина, заново скомпонованные для портфолио · демонстрационные данные
Каталог · просмотр мясных отрубов и добавление в корзинуКорзина · количество, подготовка и сводка заказа
Чему я научился
Работа со студентами из других стран научила меня уточнять терминологию, обязанности и совместные решения. В работе над идентификацией пользователей и платежами я связывал поведение интерфейса с серверными проверками. Это две части одного процесса покупки.
Текущий статус
Командный университетский проект, разработанный без генеративного ИИ. Для портфолио каталог и корзина воссозданы с демонстрационными данными.
Расскажите, что вы хотите создать или улучшить, кто будет этим пользоваться и какие у вас ограничения. Я свяжусь с вами, чтобы вместе определить, с чего начать.
