https://github.com/psenger/reactjs-flickr
reactjs-flickr
https://github.com/psenger/reactjs-flickr
flickr flickr-api reactjs
Last synced: 19 minutes ago
JSON representation
reactjs-flickr
- Host: GitHub
- URL: https://github.com/psenger/reactjs-flickr
- Owner: psenger
- License: mit
- Created: 2017-05-29T10:57:48.000Z (almost 9 years ago)
- Default Branch: master
- Last Pushed: 2017-06-03T22:41:24.000Z (almost 9 years ago)
- Last Synced: 2025-05-30T00:41:48.260Z (11 months ago)
- Topics: flickr, flickr-api, reactjs
- Language: CSS
- Homepage:
- Size: 1.56 MB
- Stars: 0
- Watchers: 2
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# ReactJS Flckr
Written by Philip A Senger
[philip.a.senger@cngrgroup.com](mailto:philip.a.senger@cngrgroup.com) | mobile: 0404466846 | [CV/Resume](http://www.visualcv.com/philipsenger) | [blog](http://www.apachecommonstipsandtricks.blogspot.com/) | [LinkedIn](http://au.linkedin.com/in/philipsenger) | [twitter](http://twitter.com/PSengerDownUndr) | [keybase](https://keybase.io/psenger)
## Objectives
Build a very simple ReactJS app written to view tagged flicker pictures.
💥 BOOM 💥
[Click here to see the Demo](https://psenger.github.io/reactjs-flickr/build/index.html)
## Usage
This mvp was bootstrapped with [Create React App](https://github.com/facebookincubator/create-react-app), Node version 6.9.0, and React 15.5.4. To facility the example, the base commands have been distilled to the following NPM scripts:
### to build the final product
Once completed, the code is in the ``/build`` directory. make sure to do the ``build:css`` before ``build``.
```sh
export PUBLIC_URL=https://psenger.github.io/reactjs-flickr/build/
export NODE_ENV=production
npm install
npm run build:css
npm run build
```
### Rapid development
You can run a local server, in watch mode. This allows the user to develop quickly.
```sh
export NODE_ENV=development
npm install
npm start
open http://127.0.0.1:8080
```
### How to build the css
All the scss is written in SASS and the Bootstrap libray is here if you want to turn things on or off.
```sh
npm run build:css
```
### How to run the tests
_If I had time to write any, it would have been ..._
```bash
npm install
npm test
```
## High lights
1. uses my favorite rapid prototype frame work [Create React App](https://github.com/facebookincubator/create-react-app)
2. Use of Sagas
3. Use of Accessibility with Twitter Bootstrap React components.
## Directory Structure
```
.
├── build
├── public
└── src
├── actionCreators
│  ├── actionTypes
├── components
├── containers
├── reducers
├── sagas
│  ├── watchers
│  └── workers
├── scss
├── services
└── store
```