📌 newGallery

Projeto desenvolvido para praticar o uso de jQuery, especialmente para manipular links de imagens e adicioná-las dinamicamente ao layout da página.

Trata-se de uma landing page de galeria de fotos, com as seguintes funcionalidades:

• Inicialmente exibe 3 imagens.
• Botão "Nova imagem" que exibe um formulário usando efeito slideUp para inserir o link da imagem.
• Formulário com botão Adicionar para validar o link e adicionar a imagem ao layout, e botão Cancelar para esconder o formulário sem adicionar.
• Layout em linhas com 3 imagens por linha.
• Possibilidade de adicionar imagens infinitamente, porém as imagens adicionadas desaparecem após recarregar a página.

🔧 Tecnologias utilizadas

• HTML
• CSS
• JavaScript
• jQuery

🚀 Status

Finalizado

🔗 Deploy

new-gallery.vercel.app

📚 Base do projeto

Projeto desenvolvido com base em um tutorial do curso Desenvolvedor Full Stack Python da Escola Britânica de Artes Criativas & Tecnologia (EBAC).

---

🌐 Demonstração

🔗 Acesse o site aqui
📁 Repositório no GitHub

---

⚙️ Como Rodar o Projeto

Clone o repositório:

git clone https://github.com/Mateus-Cimini/newGallery.git

Abra o arquivo index.html no navegador ou use um servidor local com:

npx live-server

---

🛠 Funcionalidades

• ✅ Exibe 3 imagens iniciais no layout
• ✅ Formulário com efeito slideUp para adicionar nova imagem via link
• ✅ Validação do link para imagem antes de adicionar
• ✅ Layout responsivo com 3 imagens por linha
• ⏳ Persistência das imagens adicionadas não implementada (reinicia ao recarregar a página)

---

🧩 Estrutura do Projeto

📁 assets/
   └── 📁 imgs/
index.html
main.css
main.js
README.md

---

🤝 Contribuindo

1. Faça um fork
2. Crie uma branch: git checkout -b minha-feature
3. Commit: git commit -m 'Minha contribuição'
4. Push: git push origin minha-feature
5. Crie um Pull Request

---

📄 Licença

Este projeto está sob a licença MIT.

---

👤 Autor

Feito por Mateus Cimini