Как я делал свой сайт

Немногие знают, но последние 3 месяца я активно(нет) изучаю веб разработку. Начинал с самых азов: html, css, javascript.
https://developer.mozilla.org/en-US/docs/Learn был прочитан от корки до корки и успешно забыт после создания первого сайта cо своими фотографиями https://gallery.enoxix.site/

Следующей целью я решил сделать какой нибудь интересный проект который принесет пользу не только мне но и желательно остальным. Кратко говоря коммерческий проект (да-да с места в карьер).

Цель была создать сайт где были бы собраны все товары с сайта вкусвилл и которые можно было бы отсортировать по последним отзывам. Как видно из скриншота средняя оценка из последних отзывов не сочетается со средней оценкой в 4.6

Я сам сталкивался с ситуацией когда покупаешь зарекомендовавший себя товар чтобы дома узнать что его качество испортилось в последнее время.

Для начала мне нужно было спарсить сайт вкусвилла. Задача нетривальная с которой я столкнулся впервые. С этого момента я начал изучать веб-скрейпинг.

В этом мне очень помогла документация от apify.com.

Так как спарсить мне предстояло больше тысячи страниц я выбрал их же платформу.

12 часов Карл! Без их проксей мне бы заблокировали доступ после 100 страниц

Путем долгих отчаянных попыток я все таки смог сделать рабочую версию которая парсила сайт. В итоге я получил Json файл с примерно 958ю товарами.

Самое важное это значение ratingplus ради чего все и делалось

ЧАСТЬ ВТОРАЯ. Как я три раза полностью менял весь сайт и чуть не написал его на php

(Тут я взял перерыв и весь запал на написание лонга у меня исчез)

958 карточек с товарами это это внушительный список который мне нужно как-то отображать. Начал смотреть туториалы на ютубе как сделать simple e-commerce website. Сначала решил сделать с использованием pagination pages.

Но проблема была в том что я не понимал как прикрутить поиск товаров (а это было важная часть функционала). И в это время туториалы привели меня в react.

Вообщем это заняло у меня некоторое время вместе с переходом на typescript пока финальная версия сайта не стала выглядеть вот так:

Сайт почти готов не считая голого фронтенда

Осталось купить домен и найти хостинг для него. И тут я узнал что деплоить сайт не так то просто как я думал. В это время начинаю знакомиться с функциями на netlify и как деплоить сайт на их платформе.