Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/m-nathani/giphy-love
React Redux Application to Search Giphs Online
https://github.com/m-nathani/giphy-love
axios copy-to-clipboard frontend giphy-api giphys heroku localstorage love react react-dom react-giphy react-masonry-layout react-redux react-router redux redux-actions redux-store semantic-ui-react webpack-dev-server webpack3
Last synced: 2 months ago
JSON representation
React Redux Application to Search Giphs Online
- Host: GitHub
- URL: https://github.com/m-nathani/giphy-love
- Owner: m-nathani
- License: gpl-3.0
- Created: 2019-01-31T07:32:40.000Z (almost 6 years ago)
- Default Branch: master
- Last Pushed: 2019-03-10T11:21:00.000Z (almost 6 years ago)
- Last Synced: 2024-10-12T13:41:49.255Z (3 months ago)
- Topics: axios, copy-to-clipboard, frontend, giphy-api, giphys, heroku, localstorage, love, react, react-dom, react-giphy, react-masonry-layout, react-redux, react-router, redux, redux-actions, redux-store, semantic-ui-react, webpack-dev-server, webpack3
- Language: JavaScript
- Homepage: https://giphy-love.herokuapp.com/
- Size: 1.1 MB
- Stars: 4
- Watchers: 3
- Forks: 1
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
- Code of conduct: CODE_OF_CONDUCT.md
Awesome Lists containing this project
README
# Giphy Love
> For the love for giphs.
## Run the simple demo
https://giphy-love.herokuapp.com/
## Pre-requisite
node expected version: `"^6.14.0 || ^8.10.0 || >=9.10.0"`.
## Setup
```bash
# clone the repository
λ git clone https://github.com/m-nathani/giphy-love
# change the current directory
λ cd giphy-love
# install all dependencies
λ yarn install
# run the project
λ yarn start
```
## Structure
```bash
.
├── README.md # you're here
├── bin # folder that bootstraps the application
├── src # contains source files
│ ├── action # folder that contains all redux actions
│ ├── component # directory that holds all components
│ ├── config # contains configuration files for client-side
│ ├── constant # contains all constants, can be both server and client side
│ ├── container # wraps all redux containers
│ ├── images # folder with all images
│ ├── middleware # folder with all middlewares
│ ├── reducer # directory that contains all redux reducers
│ └── service # contains all the backend service logic
│ └── store # wraps store configuration for redux
│ └── route # contains all routes for redux app
└── webpack # contains all webpack configurations
```
## Scripts
- `yarn start` - builds the redux app in development mode
- `yarn run lint` - lints all the files in `src/` folder
- `yarn run lint:fix` - fixes all the possible linting errors
- `yarn run serve` - serves the files in the `dist/` folder
## Support
> This project initial structure was forked from [frontend-boilerplate](https://github.com/umayr/frontend-boilerplate)