This is a simple image search application that allows you to search for images based on keywords. It provides a functional approach for writing components. The application utilizes the Pixabay public image search service for making HTTP requests.
You can see a preview of the working application here.
- Fetches images from the Pixabay API and displays them in a gallery.
- Shows a loader while images are being loaded.
- Opens a modal with a larger version of the image when clicked.
The Image Search Engine is built using the following technologies:
- React
- TypeScript
- Axios
- Formik
- Yup
- Styled-Components
- React-Toastify
- React loader spinner
To run this application locally on your computer, you need to have TypeScript installed globally.
- Clone this repository:
git clone https://github.com/lisitsyna-anna/image-search-engine
- Change into the project directory:
cd image-search-engine
- Install the dependencies:
npm install
- Start the development server:
npm start
- Open your browser and visit
http://localhost:3000
to view the application.
If you have any questions or feedback, please feel free to contact me:
- Email: anna.lisicina9309@gmail.com
- GitHub: lisitsyna-anna