Create print button and fix photo platform bugs

Project Description:

We are looking for a freelancer to develop a printing functionality for our photo gallery, which is displayed both in carousel and grid format. The goal is to add a "Print" button inside the image carousel. This button should be linked to a flag in the platform that allows enabling or disabling its display based on the need.

Our platform is already operational and is designed to receive images in two ways: via manual upload directly through the platform or through an Electron client app installed on the photographer's laptop. The images are received and automatically displayed in a gallery with thumbnails, utilizing a websocket system to ensure real-time updates. This setup allows the gallery to update dynamically as new photos are uploaded, providing users with a fluid and engaging experience.

Requirements:
- Add a "Print" button to the images displayed in the carousel.
- Implement a control flag on the platform to activate/deactivate the button.
- The functionality must support the Hiti 525L printer, in addition to working with any printer installed on the user’s computer or device.
- Create a flag control on the platform to disable the appearance of the download QR Code.

Bugs and Improvements Needed:
- Download button for all photos (ZIP): Currently, the ZIP download button only downloads the photos that have been fully loaded in the grid, not all the gallery photos as intended.
- Lightbox: There is a bug where, when viewing a photo in the carousel, it incorrectly displays the previous or next image.
- Bulk photo upload: The platform has issues when trying to upload multiple photos at once, resulting in failures or crashes.

Technology:
- Back-end: The platform is built using Node.js with Express, and the database used is MongoDB, both hosted on DigitalOcean. The images are stored in DigitalOcean Spaces.
- Front-end: The gallery interface uses React.js to display the images in carousel and grid formats. User interaction is handled through dynamic components to ensure a fast and smooth experience.

About our platform:
Our gallery allows for the upload, display, and sharing of event photos. The photos are displayed in a carousel or grid, and each image currently has a QR Code that allows immediate download by participants. We need a system to control the display of this QR Code, allowing it to be disabled as needed.

If you are interested or need more details, please contact us!

---

Descrição do Projeto:

Estamos em busca de um freelancer para desenvolver uma funcionalidade de impressão em nossa galeria de fotos, que é exibida tanto no formato de carrossel quanto em grid. O objetivo é adicionar um botão de "Imprimir" dentro do carrossel de imagens. Esse botão deverá estar vinculado a uma flag na plataforma que permita habilitar ou desabilitar a sua exibição de acordo com a necessidade.

Nossa plataforma já está em operação e foi projetada para receber imagens de duas formas: por upload manual diretamente na plataforma ou através de um aplicativo cliente Electron, instalado no notebook do fotógrafo. As imagens são recebidas e, automaticamente, uma galeria é montada com thumbnails das fotos, utilizando um sistema de websocket para garantir atualizações em tempo real. Isso permite que a galeria seja atualizada à medida que novas fotos são enviadas, proporcionando uma experiência dinâmica e fluida para os usuários.

Requisitos:
- Adicionar um botão "Imprimir" nas imagens exibidas no carrossel.
- Implementar uma flag de controle na plataforma para ativar/desativar o botão.
- A funcionalidade deve suportar a impressora Hiti 525L, além de funcionar com qualquer impressora instalada no computador ou dispositivo do usuário.
- Criar um controle tipo flag na plataforma para desabilitar o aparecimento do QR Code de download.

Correções e Melhorias Necessárias:
- Botão de download de todas as fotos (ZIP): Atualmente, o botão de download em formato ZIP só baixa as fotos que foram totalmente carregadas no grid, não abrangendo todas as fotos da galeria como deveria.
- Lightbox: Há um bug onde, ao visualizar uma foto no carrossel, ele exibe a imagem anterior ou a próxima de forma incorreta.
- Upload de fotos em massa: A plataforma enfrenta problemas ao tentar fazer upload de várias fotos simultaneamente, resultando em falhas ou travamentos.

Tecnologia:
- Back-end: A plataforma é construída utilizando Node.js com Express, e o banco de dados utilizado é MongoDB, ambos hospedados na DigitalOcean. As imagens são armazenadas no DigitalOcean Spaces.
- Front-end: A interface da galeria utiliza React.js para a exibição das imagens em formato de carrossel e grid. A interação com o usuário é feita através de componentes dinâmicos para garantir uma experiência rápida e fluida.

Sobre a nossa plataforma:
Nossa galeria permite o upload, exibição e compartilhamento de fotos para eventos. As fotos são exibidas em um carrossel ou grid, e cada imagem atualmente possui um QR Code que permite o download imediato pelos participantes. Precisamos de um sistema para controlar a exibição desse QR Code, permitindo que ele possa ser desabilitado conforme necessário.

Se você tiver interesse ou quiser mais detalhes, entre em contato!