/pixel-art-react

Pixel art drawing web app powered by ReacJS

Primary LanguageJavaScriptMIT LicenseMIT

#Pixel-art to CSS with react

pixel-art-react

Handy and fun pixel art tool, where your drawing will be transformed to CSS.

The project is built with React, Redux and ImmutableJS. Trying to avoid side-effects in a functional way of programming.

You will be able to load and save drawings, undo redo your actions, change grid properties, share your drawings and download them, everything in a very easy and fast way.

See it live at pixelart-to-css-react

Help me to improve it, share and enjoy :)

Technical overview

This application has been built with the following technoligies:

  • React (Library to build the UI)
  • Redux (Implement Flux architecture)
  • ImmutableJS Helps to keep the data immutable
  • NodeJS + Express (Server side to build an universal application, create and serve the generated drawings)

Installation

npm run install

Development

If you just want to develop the interface with no need of back-end side, taking advance of webpack-dev-server and react-hot-loader.

npm run development

Deploy

Create the final build and run the generated react html on a express server making in an isomorphic/universal way.

npm run deploy

npm run server

A config.json is needed for deployment with the Twitter and express keys.

Testing

npm run test