Giter VIP home page Giter VIP logo

babel-seed's Introduction

babel-seed

Content

About
----Browser Matrix
----Mobile Matrix
----Technologies Used
----Architecture
Getting Started
----Prerequisites
----Setup
Development
----Branches
----Launch Development Mode
----Releasing Code


About

This is a boilerplate for building ES6 based projects. Its is very barebones with no frameworks or libraries.

Browser Matrix

OS OS Version Browser Browser Version Testing Type
Windows 10 Edge 13+ (Latest) Full
Windows - IE 11 Full
- - Firefox 44+ (Latest) Full
- - Chrome 48+ (Latest) Full

Mobile Matrix

Device OS OS Version Browser Browser Version Testing Type
IPhone IOS 9.2+ Safari - Full
IPad IOS 9.2+ Safari - Full
Galaxy S6/ Edge Android 5.1.1 Chrome - Full
Samsung S5 Android 5.0+ Chrome - Full

Technologies Used

Here is a list of the frameworks, libraries and tools used to build this project:

Build Tools

Architecture

Here is an overview of the project architecture:

Folder structure:

src/ <!-- Development source code-->
  |- js/ <!-- components and main files -->
    |- component/ <!-- component folder -->
      |- style/ <!-- component style files -->
  |- lib/ <!-- third-party library files -->
  |- resource/ <!-- resources for the app such as images and fonts -->
    |- image/ <!-- images -->
    |- font/ <!-- fonts -->
dist/ <!-- Compiled code-->
test/ <!-- Test scripts -->
util/ <!-- for CLI -->
  |- task/ <!-- modules for a task runner such as grunt -->
  |- server/ <!-- node local server files -->

Getting Started

Prerequisites

You are going to need:

Environments

This project has been built and tested on the following machines/systems:

  • Windows 10
  • Mac

Setup

  1. clone repo
  2. open cmd
  3. cd into project folder
  4. Run the following:
npm install  

Development

Branches

Branch Description
develop This branch is used for stable development source code and will be used to compile code for staging.
staging This branch is compiled code for staging servers. This code should be the compiled code from develop branch.
uat This branch is compiled code QA.
master This branch should be the source code deployed to the live environment. Do not merge into this branch unless you wish to deploy live.
release This branch will have the compiled source code from the master branch and will be the code deployed to the live environment
documentation This branch will be to store images and files for documentation

Creating Branches

Always create a branch from develop.

To create a feature branch, follow the naming convention below:

sprint-1/feature/feature-name

To create a bug-fix branch, follow the naming convention below:

sprint-1/bug-fix/bug-name

Launch Development Mode

Run the following command to start developing and to stage the development environment

grunt

Lint Your Code

Please ensure all code is linted via the following command otherwise you cannot merge code to develop.

vccp-dev lint

Merging Code to Develop

You should only use the following command when merging to the develop branch.

vccp-dev merge-to-develop

Releasing Code

To release your code, use the following command:

vccp-dev release --prod --keep

###Flags

Please read the documentation for vccp-dev.

Name Description
--uat releases compiled code to the uat branch
--prod pushes development code to the master branch and releases compile to the release branch. A tag will be created.

babel-seed's People

Contributors

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