Добавить в корзинуПозвонить
Найти в Дзене
yxnagxny

Как без навыков программирования я сделал свой сайт (Часть 1)

Однажды мне и моему другу дали задание — написать абсолютно любой проект до конца семестра.
Сначала мы пришли к тому, что хотим сделать интернет-магазин по продаже мерча, потом — трекер по одной достаточно небезызвестной игре. И после долгих раздумий мы пришли к трекеру фильмов.
Коротко о сайте:
Личный трекер фильмов и сериалов. Поиск тайтлов происходит через открытую базу данных TMDb.
В трекере можно отмечать, что уже посмотрел, что будешь смотреть или что забросил, добавлять заметки к фильму или к каждой серии, если это сериал, создавать папки для сортировок, ну и самое банальное — ставить оценки. Я не слишком люблю фильмы, но мой товарищ их просто обожает. Также он любит смотреть аниме (ключевое слово к тому, к чему всё идёт). Одним вечером мы рассуждали о том, что было бы классно следить за своим списком просмотренных фильмов и сериалов так же, как на референсном для нашего проекта сайте Shikimori. Тут можно вспомнить популярные сайты для оценивания фильмов — например, Кинопоиск, I
Оглавление

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

Почему именно трекер фильмов?

Я не слишком люблю фильмы, но мой товарищ их просто обожает. Также он любит смотреть аниме (ключевое слово к тому, к чему всё идёт). Одним вечером мы рассуждали о том, что было бы классно следить за своим списком просмотренных фильмов и сериалов так же, как на референсном для нашего проекта сайте Shikimori. Тут можно вспомнить популярные сайты для оценивания фильмов — например, Кинопоиск, IMDb и так далее, — но у них нет такого «расширенного» функционала для отслеживания, как у нашего сайта, а также у Shikimori.

Вот так выглядит "Список Аниме" на сайте Shikimori
Вот так выглядит "Список Аниме" на сайте Shikimori

Начало начал

В самом начале пути у нас была некая паника. В наше прекрасное время существует очень много фреймворков и инструментов для разработки сайтов. Мы хотели пойти по очень простому пути — а именно использовать конструкторы сайтов, — но достаточно быстро приняли решение вовсе не браться за это, так как конструкторы не дадут нам такой же гибкости, как полная разработка и написание собственного кода на чём-нибудь...

«На чём-нибудь» — тут мы тоже начали раздумывать: а на чём, собственно говоря, писать сайт?
С фронтендом всё понятно: стандартные инструменты — HTML, CSS, JavaScript. А вот с бэкендом начинаются проблемы.
Во время проекта мы параллельно обучались языку Java, причём как раз-таки бэкенду, но и я, и мой друг нежно любили Python.
Тут, как бы забавно ни звучало, снова начинаются проблемы: на Python очень много фреймворков для разработки бэкенда — Django, FastAPI, Flask. Мы остановились на последнем варианте, так как, изучив всю информацию о фреймворках, поняли, что Flask — один из самых простых в усвоении и идеален для небольших проектов.

Так, с бэкендом определились. А что с фронтом? Вроде ничего сложного, но я и мой друг не знали ваших «банальных правил дизайна». На помощь пришли, как ни странно, Pinterest, собственные предпочтения, а также очень много видео на YouTube и ИИ-помощники.

Так выглядит профиль на нашем сайте.
Так выглядит профиль на нашем сайте.

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