Giter Club home page Giter Club logo

community-project's Introduction

Community-Project

Better name pending

See Trello for more information about the project and its status.

Installation

Clone the repository, make sure you have npm installed then run npm install. Also make sure that your editor of choice supports .editorconfig.

Working with the repository

All of the application code should go into the /app folder, then the code is compiled by gulp and output into the /dist folder. The /dist folder is hidden from git by default. Currently only three assets are handled: scripts, styles, and templates. If you need another asset to be handled such as images, submit an issue and mark it as a feature request.

Scripts and styles are run through processors on compilation time (coffeescript and sass respectively). As such to designate what files you want to compile, simply prefix the file with am asterik (*). All files not prefixed will be treated as dependencies and should be imported however the processor designates.

All scripts are combined using browserify, so use require, module.exports, and export as you would when working with nodejs. All styles are processed with autoprefixer, so you don't have to worry about prefixing css properties.

Make sure to work in your own branch until you are ready to merge.

Gulp

To automate development we use gulp. The gulp commands you can use are listed below.

app:*

The gulp commands within app directory will process app resources. Sample commands include gulp scripts and gulp styles. The gulp command will start a server on localhost port 4240 that will host the preview and compile resources whenever you make changes. Normally you must refresh the page whenever you make a change, however if you have livereload installed (chrome version) and you enable it, the page will automagically refresh whenever you make changes.

community-project's People

Contributors

antonk52 avatar calebmer avatar travisneilson avatar

Watchers

 avatar  avatar  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.