EleanorKahn / Zephyr-Gallery

Explore wherever the wind takes you! A dynamic image gallery for viewing and searching photos, using the Pixabay API.

Repository from Github https://github.comEleanorKahn/Zephyr-GalleryRepository from Github https://github.comEleanorKahn/Zephyr-Gallery

Welcome to Zephyr Gallery

Purpose

To build and deploy a simple image search gallery site.

Goals

  • utilize lambda functions to securely hide api keys
  • develop solid foundation in tailwindcss
  • work with JSON data
  • work with a REST api
  • deploy using netlify

What I used

  • react, react-dom 18.2.0
  • netlify functions 1.6.0
  • netlify cli 15.10.0
  • node-fetch 3.3.2
  • autoprefixer 10.4.14
  • postcss 10.1.0
  • tailwindcss 3.2.7
  • node 16.13.2

Deploying to Netlify

Configure netlify functions to call your api.

Getting Started with Create React App

This project was bootstrapped with Create React App.

Acknowledgements

Many thanks to Nick for his help troubleshooting serverless functions, and UI suggestions.

Notes

This was originally a Brad Traversy project that I screenshot and recreated from my images. I ended up being pretty close, and the only things I ended up having to correct were some of the text size and some of the padding/margins.

About

Explore wherever the wind takes you! A dynamic image gallery for viewing and searching photos, using the Pixabay API.


Languages

Language:JavaScript 66.1%Language:CSS 28.6%Language:HTML 5.3%