Giter VIP home page Giter VIP logo

meteor-skeleton's Introduction

meteor-skeleton

Skeleton Meteor project with Semantic UI, Masonry, Cards, Alerts, Emoji, and Flow Router. Simple but stylish monochrome theme, Semantic's default with some amendments.

Many hours of learning and debugging went into getting all this to work together. Skip that and start with this precedent instead!

How to use

git clone, run 'meteor' then browse localhost:3000

to add a card: 'meteor mongo' then db.items.insert({itemID: "anID", name:"An Item 1", miniText: "Some excerpt", createdAt: new Date()});

Features this skeleton has

autopublish has been removed, don't worry there is demo pub/sub code.

sticky tab pulling out menu on the left side

black navbar at the top

login (Google & Facebook, plus password login (email or username)) - running iandouglas package for semantic-ui so we can add login options, profile pic etc

Alerts (see juliancwirko's package)

Masonry/cards, for that 2016 feel and responsive design

emoji (see emojione package)

underscore for bringing some python niceties to JS

simple Mongo collection set up and demo code for insert/find

Flow Router set up and configured, with 2 demo pages each fetching different items from the database.

Geolocation and reverse geocoding (i.e. get and display user's city). Not using the official mdg package as it doesn't allow callbacks. Just using HTML5 geolocation.

Reactive methods (simple:reactive-methods). Enables data generated server-side to be displayed in templates.

Uses Blaze layout.

meteor-skeleton's People

Contributors

tomgrek avatar

Watchers

 avatar  avatar

Forkers

sehjk

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.