Lightbox is a Pixabay Photo Finder! All photos are free to download and use in personal or commercial projects
React App using hooks for search function and photo display
- Second complete project from scratch as a self-taught Front End Developer!
Fully responsive
- mobile and desktop devices friendly
Main implemented features
- sticky navigation bar
- search component
- 'go back' button and functionalities
- 'scroll-to-top' button
- very simple animations for more fluent interactions
Use of
- React library
- Pixabay API
- Responsive Design Media Queries
- Languages HTML5 - CSS3 - JSX React
- Code editor VSCode
- Version control Git
- Markdown --> my VSCode Markdown All in One extension
Open Lightbox in your favorite browser
Enter a search term
Click on any photo of your choice to enlarge it
Right-click and 'Save as' to download it on your device
To go back to the main Gallery page, there are 3 options available:
- click the X button
- click outside of the photo
- press ESC key
Navigate to About and Contact pages to get more information about the developer
Pull requests are welcome
-
fork this repository
git clone https://github.com/Catevika/lightbox.git
-
change your working directory
cd <your working directory>
-
create your feature branch
git checkout -b <your new feature name>
-
to start working on the created branch
npm install npm start
-
commit your changes
git commit -am 'Add some new feature'
-
Push to the branch
git push origin <your new feature name>
-
create a new Pull Request with a simple description
Do not hesitate to ask questions, send issues or report bugs if any
Do not forget to ⭐ this project if you like it. Thank you!
-
Github icon created by Pixel perfect from Flaticon.com
-
Twitter icon created by Freepik from Flaticon.com
MIT © Dominique Bello aka Catevika