Как написать фото галерею?

Question

[alex_alexey]

подскажите на чем написать фронт и бэк. Задача просмотр файлов в каталоге это фото видео. Тоесть задача именно не готовые странички смотреть а подгружать картинки новые и видео.
Опыт есть но в основном низкоуровневая разработка и автоматизация. Си и питон.
Если есть готовые проекты с несложным кодом особенно фронта буду только рад таким ссылочкам)

Comments

[Модератор]

Не надо ставить как можно больше тэгов. Лучше оставить один, но конкретный, с которым проблема.
См.п.3.1 Регламента. Также обратите внимание на п.3.4

[Viktor T2]

https://github.com/pinry/pinry

[mayton2019]

Вопрос хороший. Я присоединяюсь к нему. Мне нужен был готовый опенсорцсный продукт для публикации картинок. Вообще с минимумом настроек. Статичный. Картинки у меня лежат на S3 bucket. Они - не для общего пользования. Скорее личное. Что я хотел-бы публиковать для друзей и для семьи.

Какая-то аутентификация не нужна. Но и ссылка должна быть такая чтоб рандомный чел не зашел.

Answer 1

[ThunderCat]

Если есть готовые проекты с несложным кодом особенно фронта буду только рад таким ссылочкам)

Вордпресс.

Answer 2

[Lapita12]

Для этого вы можете использовать HTML, CSS и JavaScript, а также библиотеки, такие как jQuery и Bootstrap. Фотографии и видео можно загружать на сервер и хранить их в специальной папке.

Бэкенд может быть написан на различных языках программирования, включая Python. Вы можете использовать фреймворки, такие как Flask или Django, чтобы создать API, которое будет взаимодействовать с фронтендом и обрабатывать запросы на загрузку или просмотр файлов. Например, на бэкенд можно создать путь для запроса списка файлов в папке и отсылки клиенту их метаданных (имя, размер, тип и др.), а также отдельный метод для загрузки файлов на сервер.

Для просмотра фотографий и видео вы можете использовать библиотеки на фронтенде, такие как Fancybox, Justified Gallery, PhotoSwipe и другие. Они предоставляют готовые шаблоны и скрипты для отображения изображений в галерее и переключения между ними.

Comments

[Lapita12]

https://github.com/benhowell/react-grid-gallery
https://github.com/blueimp/Gallery
https://github.com/neptunian/react-photo-gallery

[metallix]

Опять нейросетки тут отвечают?

Answer 3

[Stalker_RED]

1. Вбиваешь в гугл что-то вроде "best javascript gallery free"
2. Выбираешь что тебе визуально нравится
3. Смотришь в каком формате оно хочет данные с сервера, в идеале должны быть простые запросы типа "получить список файлов", "получить файл". (если все сложно - вернись к п. 2)
4. Пишешь серверную часть, которая отдаст данные в нужном формате.