This project is a front-end React application that serves a sole purpose of searching GIF images on GIHPY.com using GIPHY Search API. The project is implemented using React (as a main UI library), Redux (for state management), React Router (to establish a possibility to extend the application with new internal routes and pages) and Bootstrap 4 (as a main styling framework).
▶︎ Launch Demo Right in Your Browser (powered by GitHub Pages)
If you want to launch this project locally please clone/checkout this project to your local folder and then you can run:
npm startThis command runs the app in the development mode. Open http://localhost:3000 to view it in the browser locally.
The page will reload if you make edits. You will also see any lint errors in the console.
To launch project tests you need to run:
npm testThis command launches the test runner in the interactive watch mode.
To create a production ready version of the project you may run:
npm run buildThis command builds the app for production to the build folder. It correctly bundles React in production mode and optimizes the build for the best performance.
The build is minified and the filenames include the hashes. The app is ready to be deployed!
For demo purpose the deployment of this project is done using GitHub pages and gh-pages npm module in particular. You may deploy the project by making sure that you have gh-pages branch in your fork on GitHub and by running:
npm run deployThis command will create a production build of the project and will commit and push the contents of build folder to the gh-pages branch. Once this branch is set up as a target branch for GitHub pages you'll be able to see project demo similar to the existing one.
Current project is integrated with Travis and Codecov services. Travis service launches project build and tests for every new commit and pull request to make sure that things are not broken. Codecov service reports code coverage percentage to see how reliable and stable the process of development is.