moisestech / svgenerate Goto Github PK

SVG Editor Canvas to JPEG Exporter written in ReactJS

License: MIT License

JavaScript 75.75% CSS 21.34% HTML 2.90%

svgenerate's Introduction

SVGenerate

SVG Editor Canvas to JPEG Exporter written in ReactJS.

Web spack architecture is written in Isomorphic, React, ES6, Webpack based starter kit for quickly starting web app projects tailored for art404.

Based off a fork of Richard Krawll's react-starter

Usage

Environment Variables

Variable	Description
firebase_url	Optional Firebase server to listen to, will get added to the `app` prop at the top level container.

$ npm install

Start development server:

$ npm run start:dev

Start with firebase:

$ npm run firebase_url="XXX" start:dev

Start production server:

$ npm start

DEPLOY:

$ git push heroku master

Features

Isomorphic server rendering for faster load times + seo benefits
Pre-render data-fetching
Mobile + Cookie detection as top-level props
SCSS + bourbon framework
Redux developer tools + Hot Reloading
EZ Deploy to Heroku with npm start

Tech Stack

Structure

.
├── client                    # Source code for client-side application
│   ├── actions               # Redux action creators
│   ├── components            # Presentational/dumb components
│   ├── constants             # Global constants (action types etc.)
│   ├── containers            # Stateful/smart components
│   ├── reducers              # Redux reducers
│   ├── routes                # Routes used by React Router (shared with server)
│   ├── store                 # Redux store
│   └── index.js              # Entry point for client-side application
├── server                    # Source code for Express server
│   ├── api                   # Mock API
│   ├── middleware            # Server middleware
│   ├── views                 # Server views (Jade templates)
│   ├── index.js              # Entry point for server (with babel-register etc.)
│   └── server.js             # Express server
├── test                      # Test setup and helpers
├── .babelrc                  # Babel configuration
├── .eslintrc                 # ESLint configuration
└── webpack.config.babel.js   # Webpack configuration

Recommend Projects