Giter Club home page Giter Club logo

hylo-frontend's Introduction

hi!

Thanks for checking out our code. The documentation below may be incomplete or incorrect. We welcome pull requests! But we're a very small team, so we can't guarantee timely responses.

Code Climate

Setup

First, run good old npm install. Also run this after changing anything in bower.json or package.json.

Create a file named .env in the root of the repo, with contents like this:

ASSET_HOST_URL=http://localhost:1337
AWS_S3_BUCKET=hylo-dev
AWS_S3_CONTENT_URL=http://hylo-dev.s3.amazonaws.com
FACEBOOK_APP_ID=foo
SLACK_APP_CLIENT_ID=foo
FILEPICKER_API_KEY=foo
HEROKU_API_TOKEN=foo
ROLLBAR_CLIENT_TOKEN=foo
SEGMENT_KEY=foo
NEW_RELIC_LICENSE_KEY=foo
BRANCH_API_KEY=foo

ASSET_HOST_URL and AWS_S3_CONTENT_URL are identical on staging and production, but not in development. In development we want the asset server to serve assets locally, but uploaded files are always saved to S3.

Asset server

Start it with npm run start. It watches changes to the Javascript, CSS, and HTML files under src, and creates output files in dist, which it serves at localhost:1337 by default.

Live Reload

Install Live Reload browser extension and turn it on for the browser tab in which you're doing development work by pressing the button that was added by the extension.

Once installed and turned on for the page, it will automatically reload your page after you make any changes to the code.

Deploying

Commit all your changes before deploying. The filenames of the deployed assets will include the first 8 characters of the most recent commit hash.

Make sure to have your Heroku API token to the .env file like so:

HEROKU_API_TOKEN=[your token here]

Run grunt deploy --to=env, where app is either staging or production. The task will upload assets to the app's S3 bucket and change the app's config variables to point to the newly-uploaded assets.

License

Hylo is a mobile and web application to help people do more together. 
Hylo helps communities better understand who in their community has what skills, 
and how they can create things together.
Copyright (C) 2016, Hylozoic, Inc.

This program is free software: you can redistribute it and/or modify
it under the terms of the GNU Affero General Public License as published by
the Free Software Foundation, either version 3 of the License, or
(at your option) any later version.

This program is distributed in the hope that it will be useful,
but WITHOUT ANY WARRANTY; without even the implied warranty of
MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
GNU Affero General Public License for more details.

You should have received a copy of the GNU Affero General Public License
along with this program.  If not, see <http://www.gnu.org/licenses/>.

hylo-frontend's People

Contributors

ciobanucos avatar connoropolous avatar edwardwest avatar ijt avatar levity avatar minda avatar radu-c avatar razorman8669 avatar robbiecarlton avatar slackincode avatar

Stargazers

 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.