React Giphy Explorer is a React and Daisy UI web application showcasing basic elements of both frameworks. It allows users to explore gips offered by Giphy Web API on the web.

1. ensure you have Node.js installed
2. clone the repo: git clone https://github.com/aljazsim/react-giphy-explorer.git
3. go to the source directory: src
4. set the Giphy api key
   1. register for a developer account at https://developers.giphy.com/
   2. create an app
   3. copy Giphy API key
   4. set the key in src\dependency-injection.ts (replace string <INSERT-GIPHY-API-KEY> with the actual API KEY)
5. install dependencies: npm install
6. run development server: npm run serve
7. open a web browser and go to http://localhost:3000/

Some of the libraries being used in Giphy Explorer

• React (library for web and native user interfaces),
• React Router (React routing library)
• Mobx (React state management library)
• axios (promise based HTTP JavaScript client),
• qs (query string parsing library),
• DaisyUI (TailwindCSS based component library),
• Humps (framework for converting JavaScript objects with underscore-case property naming notation to camel-case and back),
• TailwindCSS (utility-first CSS framework)