PROD [Live] : https://react-stock-photos-v2-prod.netlify.app/
- List of random high-quality images from Unsplash API, by default the images shown are set to 10 and search value is set to cat.
- Search form to query for a specific category of images when filled it and press the
Submitbutton or enter to submit. Loading...will be shown while fetching the images,There was an errorif any error has occurred, andNo Results Foundwhen there are no matching results for the query.- Dark Mode has been implemented where the user can switch between the themes using the
Togglebutton which changes the colors of the page accordingly and Local storage has been used to persist the preference of the theme when the user revisits the application. - Styles are handled by
index.css, data fetching and manipulation using React Query & Axios - To run the project locally, clone the repo,
npm installto install the dependencies, andnpm run devto start up the development server on default port 5173.
HTML, CSS, JavaScript, ECMAScript, React ~ ContextAPI - Hooks ~ useState, useEffect, useContext
Unsplash - https://api.unsplash.com/
Netlify
Note: I have developed this project ~ [17] as part of the React and Projects Course taught by John Smilga..