Вся инфа, каторая на этой карточки взята из импровизированной базы данных, не просто скопировал и вставил.

ДА, наконец-таки! Я сдал это ужасную и отвратительную философию!

Хотя если честно это не так ужасно как я думал, я даже немного втянулся во всю эту историю

Даже немного стыдно признавать)

И так, что же я делал все эти дни?? К счастью я не бездельничал, а работал, проблема была в том, что везде были недоработки, а в канал хотелось выложить уже готовый элемент.

Первое за что я сел — это Анимация бегущих строк, которая должна идти после хеддера на сайте. Ее я сделал буквально за пол дня, но нашему дизайнеру она не понравилась, так как была топорная остановка анимации, при наведение, которую изменить в css нельзя, по крайней мере пока.

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

Так как Илья, наш дизайнер, благополучно засрал этот вариант, я сел за поиск другого. Почему поиск? Да потому что чтобы сделать плавную остановку нужно порвать жопу!

Поиски меня ни к чему не привели, поэтому решил посмотреть референсы, который скинул Илья и которые я боялся смотреть, потому что цетирую: "Вот здесь отличная анимация, но там оверкил js". Именно из-за этого "оверкил", я даже не стал смотреть))

Так как вариантов не оставалось, зашел и полнял что АБСОЮТНО НИЧЕГО НЕ ПОНИМАЮ.

Код был написан, использую библиотеку для js, под название "gsap". Мало того, что эту библиотеку я не знаю, так я ее установить полтора часа не мог. Об ее использовании я молчу.

Единственное решение было тупо перекопировать код из референса три раза и наложить на три разыне строки, только вот работает это все криво. Остановка при наведение присутствует только у первой строки, остальные по приколу видимо не хотят работать, потому что объяснений я не нашел.

Второе, что я сделал буквально за вчерашнее утро — это компонент кнопки. Компоненты в реакте работают таким образом, что ты даешь ему информацию, а он должен тебе выдавать готовый элемент. По такому принцпу я сделал эти кнопки.

Даешь кнопке ссылку, текст и тип кнопки, который хочешь получить и компонент кнопки сам обрабатывает все стили и выдает готовый продукт))

Кроме кнопок был сделан еще инпут, с плавной анимацией рамочки.