Skip to content

Commit

Permalink
Merge pull request #60 from times/feature/yeoman
Browse files Browse the repository at this point in the history
Add details of Yeoman generator
  • Loading branch information
Chris Hutchinson committed Nov 17, 2016
2 parents ce989a4 + 9560d4e commit 0d2b29e
Show file tree
Hide file tree
Showing 2 changed files with 15 additions and 11 deletions.
22 changes: 13 additions & 9 deletions README.md
Original file line number Diff line number Diff line change
Expand Up @@ -19,19 +19,16 @@ Additionally, a base class allows you to create your own renderers. See more in
`$ npm install cardkit --save`


## Running locally

To run a sample UI locally, run: `$ npm start`

You can optionally pass a port like so: `$ npm start -- --port=8080`

## Usage

## Configuring
CardKit 2 requires a configuration object in order to render an image. Each renderer (CardKitDOM and CardKitServer) uses this configuration and converts it into an output. Below are simple implementations for CardKit depending on your use case.

See the Wiki for all the available options for your configuration.
In addition to these, you may also want to try the [CardKit Yeoman Generator](https://www.github.com/times/generator-cardkit), which can help you scaffold an entire project in just a few moments. It brings with it the latest version of CardKit, a recommended directory structure, and a build process that helps you get your CardKit project deployed.

#### Yeoman generator

## Usage
$ npm install -g yo generator-cardkit
$ yo cardkit

#### Browser with Webpack / Browserify usage

Expand Down Expand Up @@ -230,6 +227,13 @@ CardKit allows you to load in custom fonts for use on your cards, see the Wiki f
Upgrading from v1.x to v2 should be a fairly straightforward process if you haven't made any major modifications to the v1.x user interface. Your configuration object from v1.x should be compatible with v2 with a few minor tweaks. Specific variations are available in the Wiki.


## Running locally

To run a sample UI locally, run: `$ npm start`

You can optionally pass a port like so: `$ npm start -- --port=8080`


## Tests

To trigger the test suite, run `$ npm run test`
4 changes: 2 additions & 2 deletions package.json
Original file line number Diff line number Diff line change
@@ -1,6 +1,6 @@
{
"name": "cardkit",
"version": "2.0.2",
"version": "2.0.3",
"description": "A simple, powerful and fully configurable image editor for web browsers and servers. Optional UI included.",
"main": "cardkit.js",
"homepage": "https://times.github.io/cardkit",
Expand Down Expand Up @@ -68,6 +68,6 @@
"react-color": "^2.3.2",
"react-dom": "^15.3.2",
"rvg.js": "^1.0.5",
"svg2png": "^4.0.0"
"svg2png": "4.0.0"
}
}

0 comments on commit 0d2b29e

Please sign in to comment.