GithubHelp home page GithubHelp logo

paca / synth Goto Github PK

View Code? Open in Web Editor NEW

This project forked from jonabrams/synth

0.0 1.0 0.0 435 KB

The first back-end framework specially designed for single-page web applications

Home Page: http://www.synthjs.com

License: MIT License

synth's Introduction

SYNTH

The first back-end framework specially designed for single-page web applications.

Current status

Version 0.6.0 (latest):

Note: Despite being fully functional, synth is still in beta. It hasn't been fully tested in production and since it's in active development, implementation and interface details are likely to change.

Build Status Code Climate

Synth is an API-first web app framework (built on NodeJS) that provides the following features:

  • Easily create new RESTful API resources by just creating folders and naming functions a certain way.
  • Preload angular model data on page load (saving an extra roundtrip).
  • Preload html view on page load (saving another extra roundtrip!)
  • A simplified project structure where front-end code (angular code, html, css, bower packages, etc) is in the 'front' folder and back-end code (node code and node packages) are in the 'back' folder.
  • A command-line tool for installing third party packages, using npm + bower, that auto-updates manifest files.
  • Auto compilation of assets on request for dev, and pre-compilation for prod (including minification and ng-annotate).
  • Auto-restarts the server when changes are detected.
  • Support for various back-end and front-end templates to help get a new project going quickly.

Documentation + Tutorial

For complete up-to-date documentation, tutorials, and example apps, check out synthjs.com.

Components

While Synth is an opinionated framework that provides everything you need to make a great web app, parts of it are available to be used by existing web apps:

  • synth-api – Easily generate a back-end JSON API for Express based on your app's directory structure.
  • synth-di – The dependency-injection library used by synth-api.
  • synth-render (coming soon…) – Generate view endpoints (with preloaded data) using the API request handlers generated by synth-api.
  • heroku-buildpack-synth - Use this buildpack to easily deploy Synth apps on Heroku or other compatible cloud hosting platforms.

Sample App

Blurbs Live Demo - Source

License

MIT

Credit

  • This project was created by Jon Abrams (Twitter | GitHub).
  • Thanks to Katie Lefevre for the logo.
  • Thanks to Stephen Ausman (aka stackd) for handing over control of the 'synth' package on NPM.

synth's People

Contributors

jonabrams avatar ky0615 avatar monthypython avatar pchw avatar yudppp avatar

Watchers

Pirlot Nicolas avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.