Skip to content

sheikhahsan/gifoogle

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

50 Commits
 
 
 
 
 
 
 
 
 
 

Repository files navigation

gifoogle

gif here

Giphy app in Angular, React.js & Vue.js

This is a starter web app in popular JavaScript frameworks. gifoogle-angular, gifoogle-react and gifoogle-vue are three standalone applications developed as a boilerplate for all 3 frameworks. If you are new to frontend development or just want to try another framework, this project will help you in many ways.

What you get?

gif here

  • A boilerplate to start working in any of the framework
  • Cover necessary elements for building an app
  • Project structure (for small to medium sized applications)
  • Communication with the API
  • Using router navigation (vue-router/react-router-dom/angular router module)
  • Using store (vuex/redux)
  • Using Bootstrap 4 with Scss pre-processor

Get GIPHY API key

Get API key from https://developers.giphy.com/

There is a rate-limit for a development API key of GIPHY API (maximum of 42 search requests an hour, 1000 search requests a day). So it is a good to get a new key before running project.

Replace the newly created API_KEY in following files:

  1. gifoogle-react/src/api/constants.js
  2. gifoogle-vue/src/api/constants.js
  3. gifoogle-angular/src/app/services/api.constants.ts

Usage

git clone https://github.com/sheikhahsan/gifoogle.git

Replace your API key

cd project-folder
npm install
npm start

gif here

Acknowledgments

Screenshot

alt text

License

MIT

About

Giphy app in Angular, React.js & Vue.js

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published