Hey fellow developers 🙂
Recently, I’ve been working on transforming Figma designs into code, a challenge I previously thought – well- it was beyond my skill level. However, with daily practice and gaining valuable knowledge every single day, I’ve finally decided that I was ready to start this project series 😊
I chose a simple design I received during my Bootcamp, and while I was coding, I felt that I wanted to add some personal touch and try something new. ( But I know that you need to follow a figma design as it is 😅)
My design included an image gallery, so I thought it would be interesting to incorporate a slideshow feature, whenever you click on an image. This led me to discover Yet Another React Lightbox, a fantastic React library that quickly became my favorite tool of the week.💥
What exactly is Yet Another Lightbox? Simply put, it’s a lightweight React component that enables users to showcase images or videos in an elegant and user-friendly way!
🔗Here is the link if you want to know more about it:
https://yet-another-react-lightbox.com/documentation
This library offers a variety of features, such as:
⚙ Keyboard shortcuts for navigation (left/right arrows)
⚙ Touch support for mobile devices
⚙ captions
⚙ Fullscreen mode
⚙ Download feature
⚙ Caption Feature
⚙ Customizable styling to fit your project’s look & more!
Lastly, if you are curious about my project, you can check it out here: https://photography-portfolio-psi-rose.vercel.app/
Happy Coding💛!