Giter VIP home page Giter VIP logo

gist-lab's Introduction

Gist lab

Sample

Gist lab is an experimental Meteor application which uses Github API to manage your GISTs. Besides browsing and editing features it gives you ability to organize your Gist library with labels.

TL;DR

To run project you have to:

  1. Install NodeJS, if you already don't have (I'm using v4.1.2)
  2. Install Meteor framework (install docs) (v1.3.2.4)
  3. Install all npm dependencies (npm install in main directory of app)
  4. Run project with npm run dev

Details

Technology stack

Project is build on top of Meteor framework (v1.3.3). Adopted dir structure follows Mantra specification which standardizes many aspects of maintaining complex Meteor applications.

Front-end stack

Libraries which are widely used within app:

  • React, ReactDOM and some React related libs (like react-komposer, react-mounter),
  • Semantic UI as a core CSS framework used to style content,
  • Building styles is covered by SASS and PostCSS (with Autoprefixer) which enable developer to use CSS modules and provides styles for 2 most recent versions of popular browsers,
  • Flow-Router is used as routing library.

Back-end stack

If you're familiar with Meteor you'll know that there sits MongoDB and all NodeJS stuff.

Features

  • 3 column layout.
  • Authentication with GitHub.
  • View user's gists and gists he starred.
  • User can create and remove labels.
  • User can add/remove labels from/to gists.
  • User can browse gists by label.
  • User can create and edit gists.
  • User can delete gists.
  • User can switch between public and private gist status.

Modules

Core

This module provides core functionality for app like authentication, browsing gists, notification system etc. Also provides main layouts and default styling of app.

Contribute

Development

Branching

During development you should follow GitFlow branching method.

Linting

To check if code written by you applies adopted coding standards please use ESLint package.

npm run lint

Testing

To run tests simply execute npm test. So far there are only few tests for component gists_list_item. More comming soon...

Versioning

To version management of app please use npm's package mversion.

Changelog

0.7.0

  • Tests are able to run!
  • Had to downgrade to Meteor 1.3.2.4
  • Documentation

0.6.0

  • Update of Meteor to 1.3.3
  • Better loading layout for list item.

0.5.1

  • Unselecting active element while reaching home.
  • Loading state of list item.
  • Hide labels menu when user is not logged in.
  • Better no items layout.
  • Few other minor fixes.

0.5.0

  • Labels functionality (managing and assigning to gists)
  • Filtering list by labels

0.4.0

  • Ability to review all files of shown GIST.
  • Some UX/UI fixes.

0.3.1

  • Fetching data on login and page load.

0.3.0

  • Fetching data from Github
  • Listing items, filtering them.
  • Navigation

0.2.0

  • Authentication with Github
  • Auth Button
  • Displaying menu options

0.1.0

gist-lab's People

Contributors

croogie avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 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.