Code Monkey home page Code Monkey logo

campuskit's Introduction

CampusKit

CampusKit makes it easy to create high-performance, touch-friendly websites and apps for mobile and tablet devices.

If you need more than the Prerequisites, Quick Start, and Video Tutorials listed below, see the complete index of documentation.

Prerequisites

If you wish to build native apps, you will also need:

Also for the native apps, it will likely be useful to have a free Adobe ID account for PhoneGap Build.

Quick Start

  1. Install prerequisites
  2. Clone the repo (or download CampusKit)
  3. cd CampusKit
  4. npm install
  5. grunt
  6. grunt run to open the site in a browser. (Or make the /dist directory your docroot in your web server. Or type grunt server and open http://localhost:8000 in a web browser.)

Video Tutorials

  1. Prerequisites
  2. Scaffolding
  3. Watch and LiveReload
  4. Customizing Your Site/App
  5. Deploying Your Web App
  6. Building Your Native App Locally
  7. Building The UCSF Demo App In The Cloud

License and Copyright

CampusKit is released under the MIT license. The copyright belongs to the Regents of the University of California. CampusKit is a project of the UCSF Library & Center for Knowledge Management.

campuskit's People

Contributors

a6wu avatar trott avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar  avatar

campuskit's Issues

debug build

Add a debug build target that doesn't minify JS and CSS. Yeah, source maps are cool and everything, but let's keep it simple for now.

CSS for IE7

Maybe we can just pull support for IE7, but if not, the current CSS results in 404 errors in the HTTPD logs because IE7 doesn't quite understand the minified CSS:

File does not exist: ... assets/img/watermark.png),url(,

grunt deploy

So far, issues with grunt-sftp-deploy and others. Maybe just go with grunt executing something roughtly like rsync -avz -e ssh htdocs m-stage:CampusKit/ from the shell. This will probably not be Windows-friendly, though.

minify HTML

We minify everything else, and there's a grunt task for it... just watch out for the homescreen spacing bug on (I think) Android...

Fix Web Root Doc or Directory Name

Right now, the documentation under Getting Started reads:

  1. Make the /htdocs directory your docroot in your web server

However, the directory in the repo is /root, not /htdocs.

PhoneGap specific content

Make it possible to add JS (and other things, but given the "deviceready" event, really really really need this for JS) that gets included for PhoneGap only.

Make links on demo page actually do something

About should open an overlay with links to helpful docs etc.

Feedback should present a form with a note that it won't do anything but that on submitting, you'll get sent to the GitHub issue tracker, or something like that.

UCSF: blank screen after fitness registration

From a user of the iPhone native app:

To clarify, I get all the way thru sign up confirmation for a class. But when I press > the ok button (to return to a menu that lets me book another class) I get a blank > screen.

This is occurring on my iPhone 5.

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.