/giphy_trending_clone

Giphy trending clone app

Primary LanguageJavaScript

Giphy trending clone app

Guide

  • Clone source code
git clone git@github.com:dthtien/giphy_trending_clone.git

cd giphy_trending_clone
  • Install needed packages
npm install # or yarn
  • create .env file. Replace YOUR_GIPHY_TOKEN with your giphy token or check with in the message
#.env
REACT_APP_GIPHY_TOKEN=YOUR_GIPHY_TOKEN
  • Run the applicacation
npm start # or yarn start
  • Basic test
npm test # or yarn test
  • And enjoy

Structure

├── public
│   ├── robots.txt
│   ├── favicon.ico
│   ├── index.html
│   └── manifest.json
├── src
│   ├── components # Common components
│   ├── containers # Main pages components
│   │   ├── App
│   │   │   ├── services
│   │   │   │   ├── reducer.js # App component reducer
│   │   │   │   ├── selectors.js # Select props from store for App component
│   │   │   │   ├── actions.js # Actions of App component
│   │   │   │   ├── constants.js # Action types of App component
│   │   │   │   ├── saga.js # Saga generators of App component
│   │   │   │   ├── api.js # Api request service
│   │   │   │   ├── test # containt test service for reducer and saga
│   │   │   ├── components # Child components of App component
│   │   │   ├── test # Basic test service of App component
│   │   │   └── index.js
│   ├── saga # Saga root generator
│   ├── reducers # Root combination reducer
│   ├── utils # Helper methods
│   ├── serviceWorker.js # Generated by create-react-app
│   ├── store.js # Redux reducer and saga configuation
│   ├── index.js
│   └── index.scss # General style.
├── .eslintrc.js
├── .prettierrc
├── README.md
├── package.json
├── yarn.lock
└── .gitignore

Main packages