https://github.com/samlopezdev/brookshutter-photography
https://github.com/samlopezdev/brookshutter-photography
Last synced: 10 months ago
JSON representation
- Host: GitHub
- URL: https://github.com/samlopezdev/brookshutter-photography
- Owner: samlopezdev
- Created: 2025-02-04T19:34:42.000Z (12 months ago)
- Default Branch: main
- Last Pushed: 2025-02-04T19:35:59.000Z (12 months ago)
- Last Synced: 2025-02-04T20:31:17.933Z (12 months ago)
- Language: JavaScript
- Size: 0 Bytes
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Brookshutter Photography
A multi-page portfolio that highlights a photographer's varied work, showcasing their distinctive style and technical expertise.
**Link to project:** https://brookshutterphotography.netlify.app/
## How It's Made:
**Tech used:** HTML5, CSS3, JavaScript
A local photographer, approached me to create a portfolio to that would help attract potential clients and showcase her previous work. The primary goal of this project was to establish a tailored online presence for her to share with potential clients, ultimately boosting her client base.
## Optimizations
This project was initially developed with HTML, CSS, and Javascript. However, as my expertise on React grew, I realize it would be beneficial to eventually make the transition to a more modern framework, like React.js or Next.js, as there are multiple repeated elements across the pages.
## Lessons Learned:
I explored different methods for achieving an image transition effect on the Home page, utilizing keyframes to rotate between images. Also found an effective method to add a stroke effect around text using the CSS text-shadow property. Additionally, I incorporated Lightbox for the first time, allowing clients to click on photos for a closer view.