Creating a Image gallery & Search using React & Tailwind
- Setup a React app
- Install dependencies
- Generate Tailwind.js file
- Build: and Watch: CSS scripts
- Built a simple component - style with Tailwind
- Pixabay API - fetch images
- API documentation - Pixabay
- .env for API Key - environment variables
- Setup React with useEffect & useState
- Make image card component
- fetch and .map
- Turn string info to array for map
- Deploy
Tech used:
- TailwindCSS, PostCSS-CLI, Autoprefixer, PurgeCSS
- VS Code
View it live - the website:
https://hungry-dijkstra-2102b9.netlify.app/
This project was bootstrapped with Create React App.