https://github.com/maxjdev/gallery_image-using-jquery

Project: Image gallery using HTML, CSS, JavaScript + jQuery
https://github.com/maxjdev/gallery_image-using-jquery

css html javascript jquery

Last synced: 6 days ago
JSON representation

Project: Image gallery using HTML, CSS, JavaScript + jQuery

• Host: GitHub
• URL: https://github.com/maxjdev/gallery_image-using-jquery
• Owner: maxjdev
• Created: 2023-10-01T15:13:07.000Z (over 1 year ago)
• Default Branch: main
• Last Pushed: 2024-01-21T14:16:45.000Z (12 months ago)
• Last Synced: 2024-11-09T03:19:31.605Z (2 months ago)
• Topics: css, html, javascript, jquery
• Language: HTML
• Homepage: https://ebac-proj-galeria-de-imagens.vercel.app
• Size: 234 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        


  

  

  
Project: Image Gallery using jQuery Deploy>



  

  ![HTML5](https://img.shields.io/badge/html5-%23E34F26.svg?style=for-the-badge&logo=html5&logoColor=white)

  ![CSS3](https://img.shields.io/badge/css3-%231572B6.svg?style=for-the-badge&logo=css3&logoColor=white)

  ![JavaScript](https://img.shields.io/badge/javascript-%23323330.svg?style=for-the-badge&logo=javascript&logoColor=%23F7DF1E)

  ![jQuery](https://img.shields.io/badge/jquery-%230769AD.svg?style=for-the-badge&logo=jquery&logoColor=white)

  





## Description

This Photo Gallery project is part of the EBAC FullStack Java Developer course, in the Front-End module. The application uses jQuery to create a dynamic image gallery, allowing new images to be added interactively.

## functionalities

- **Adding New Images:**

  - Click the "New Image +" button in the header to display the insert new image form.

- **Insert Form:**

  - Fill in the field with the URL of the new image and click "Add" to include the image in the gallery.

- **Full Size View:**

  - By clicking on an image, you can view it in full size in a new tab.

## How to use:

1. **Acesse o site:**

   - Visit [Image Gallery](https://ebac-proj-galeria-de-imagens.vercel.app/)

2. **Add New Images:**

   - Click the "New Image +" button in the header.

3. **Fill the form:**

   - Enter the URL of the new image into the form and click "Add".

4. **View Images:**

   - Look at the images added to the gallery.

5. **Full Size View:**

   - Click on an image to view it full size in a new tab.



  

  ## Feedback and Contributions

Feedbacks are welcome! If you have suggestions or want to contribute to improving this project, feel free to open an issue.