Kiyan
/
PhotoGallery
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity
A website for me to share my hobby of photography. https://mckopserver.ddns.net/photogallery
15 Commits 1 Branch 0 Tags 4.4 MiB
Java 54.2%
HTML 35.4%
CSS 10.4%
Go to file
Kiyan 763912901a Refactor HTML templates for improved structure and styling 
- Updated home.html with enhanced meta tags, improved navbar structure, and refined carousel and photo grid layout.
- Simplified CSS by linking external stylesheets and removing inline styles.
- Enhanced accessibility features, including aria-labels and improved button functionalities.
- Updated photo.html to include better metadata handling, improved form structure, and enhanced accessibility.
- Refined uploadPhoto.html with a clearer upload process, added progress handling, and improved user feedback.
 		2025-12-21 09:07:18 +02:00
.mvn/wrapper Photo Gallery Base Setup 2025-09-27 18:42:21 +02:00
src Refactor HTML templates for improved structure and styling 2025-12-21 09:07:18 +02:00
.gitattributes Photo Gallery Base Setup 2025-09-27 18:42:21 +02:00
.gitignore Refactor HTML templates for improved structure and styling 2025-12-21 09:07:18 +02:00
README.md Update README.md 2025-09-27 18:46:15 +02:00
mvnw Photo Gallery Base Setup 2025-09-27 18:42:21 +02:00
mvnw.cmd Photo Gallery Base Setup 2025-09-27 18:42:21 +02:00
pom.xml Refactor HTML templates for improved structure and styling 2025-12-21 09:07:18 +02:00

README.md

PhotoGallery

PhotoGallery

A responsive and dynamic photo gallery web application built with Spring Boot and Thymeleaf, featuring a modern masonry-style layout for images of varying sizes. This application is optimized for performance and usability, providing a smooth experience on both desktop and mobile devices.

Features: - Masonry Grid Layout: Automatically arranges images of different sizes in an aesthetically pleasing masonry-style grid. - Lazy Loading: Images load as you scroll for faster initial load times and better performance. - Fullscreen Modal Viewer: Click an image to view it in fullscreen with previous/next navigation. - Responsive Design: Fully mobile-friendly using Bootstrap 5. - Dynamic Image Loading: Supports adding new images dynamically from the backend without changing frontend code. - Hover Effects: Smooth zoom and shadow effects for a modern look.

Technologies Used: - Backend: Spring Boot, Java, Thymeleaf - Frontend: HTML, CSS, Bootstrap 5, JavaScript - Database: H2 / MySQL (via Spring Data JPA) - Build Tool: Maven