Coder Social home page Coder Social logo

weber-stephen / kingswell-saas-template Goto Github PK

View Code? Open in Web Editor NEW
5.0 3.0 2.0 824 KB

SaaS Template/Admin Template already talking to Socket.IO and restify with a gulp-based build process already setup. Using best of breed dev tools: BrowserSync, Bower, SASS, Nodemon, Automatic Image minifcation, Autoprefixing and so much more.

Home Page: http://weber-stephen.github.io/kingswell-saas-template

License: MIT License

JavaScript 33.77% HTML 40.65% CSS 25.58%
gulp sass browsersync bower admin-template socket-io saas-template angular restify

kingswell-saas-template's Introduction

Kingswell SaaS and Admin Template

AngularJS SaaS/Admin Template and Starter Kit

Stop paying for an admin template when you can get more with this awesome little gem. Using AngularJS best practices, tons of examples, Gulp runs a Restify server and a Socket.IO server for realtime data streaming into your new front-end UI.

Demo: http://stephenweber.io/kingswell_open/

image

##Features

###What You Get

  1. Using Angular's Best Practices
  2. Basically 3 commands and you are developing
  3. Best of Breed Libraries (Angular, Gulp, Bower, SASS)
  4. Fully Commented and Documentation
  5. Over 15 pages of elements with easy copy and paste code
  6. 2 Login Screens
  7. 2 Register Screens

###Development

  1. Using BrowserSync for quick development and time-saving synchronized browser testing (http://www.browsersync.io/)
  2. Using Gulp to compile, build and show on your local server with a single save of a file
  3. Clean, DRY (Don't repeat yourself), Commented and Easy To Read Code

###Design

  1. Using Google's Material Design Pattern to make designing beautiful interfaces a breeze
  2. Using SASS for each component, view, theme and bower component
  3. Easy theming with either Material Design or your own custom design with example SASS theme

###Technology

  1. Hooked up to NodeJS Restify Server for RESTful data
  2. Hooked up to a NodeJS Socket.IO Server for Realtime Data (Server Built In To Gulp Script)
  3. Fully implemented build system to save you hours

Installation

  1. Install node packages by entering the following:
  $ npm install
  ```
 
2. Install bower components
```bash
$ bower install
  1. Build and run the code
$ gulp

image

Easy Installation

  1. Clone through Git

  2. Install NodeJS

  3. Install node packages by entering the following in your command line in the folder:

    $ npm install
  4. Install Bower

  5. Install bower components by entering the following in your command line in the folder:

$ bower install
  1. Build and run the code by entering the following in your command line in the folder:
$ gulp

Libraries/Tools/Tech

AngularBowerSASSMaterial DesignCSS3Browser SyncGulpNode Package Manager

Usage

If you ran this command already, then you are using it :D

$ gulp

Notes

Coming soon...

Contributing

  1. Fork it!
  2. Create your feature branch: git checkout -b my-new-feature
  3. Commit your changes: git commit -am 'Add some feature'
  4. Push to the branch: git push origin my-new-feature
  5. Submit a pull request :D

History

No history yet.

Credits

Stephen Weber [email protected]

License

MIT! Have fun with it!

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.