/swigged-bootstrap

Building out HTML 5 components with Bootstrap and jQuery

Primary LanguageHTMLMIT LicenseMIT

SWIGGED

Swigged itself is an app to socially create cocktails.

Architecture

Swigged is a HTML 5 powered app. Using Gulp that takes in semantic HTML 5, SCSS files, and Typescript and spits out static HTML 5 files with JavaScript Code.

Design

Design Foundation is Bootstrap ; while using the Landkit & Dashkit Themes by Good Themes, for the creation of Swiggeed.

Docs on bootstrap theming: https://github.com/twbs/bootstrap/blob/master/site/content/docs/4.3/getting-started/theming.md#sass

Documentation

Gulp https://gulpjs.com/

Typescript https://www.typescriptlang.org/index.html

JavaScript Plugins

AOS https://michalsnik.github.io/aos/ https://github.com/michalsnik/aos

Count up https://inorganik.github.io/countUp.js/

Fancybox http://fancyapps.com/fancybox/3/

Flickity https://flickity.metafizzy.co/

Isotope https://isotope.metafizzy.co/

Jarallax https://free.nkdev.info/jarallax/ https://github.com/nk-o/jarallax

Smooth scroll https://github.com/cferdinandi/smooth-scroll

Typed https://mattboldt.com/demos/typed-js/ https://github.com/mattboldt/typed.js/

SASS https://sass-lang.com/

Bootstrap https://getbootstrap.com/

Bootstrap Themes http://landkit.goodthemes.co/docs/index.html https://dashkit.goodthemes.co/docs/getting-started.html

Design Files

We provide an "unofficial" Landkit Figma file for you to play with. Learn more about it at http://landkit.goodthemes.co/docs/figma.html and view/download it here: https://www.figma.com/file/o8Z7FIXUYW08Rl3AfFK7iD/LandKit-1.1.1-Distrib

OR

We provide an "unofficial" Dashkit Figma file for you to play with. View/download it here: https://www.figma.com/file/42GXnmUU91IthZs4SCkTTq/Dashkit-1.5.0-Distributed?node-id=2277%3A4410. You can install all the TTF fonts from Dashkit's source files in: src/assets/fonts/cerebrisans.

Development Config

Editor Config ESLint Prettier StyleLint

Getting Started

The steps to compile and get started with development are covered in detail in documentation mentioned above, but the summary is:

  • npm install -g gulp-cli
  • npm install
  • gulp

uted.

Support