ngeojiajun / greatkidsshow Goto Github PK

View Code? Open in Web Editor NEW

Semi-MVC cartoon / entertainment website for children under 6 years old with Twitter Bootstrap, JavaScript, and Adobe tools (Illustrator, After Effects, PremierePro, Animate)

JavaScript 70.08% HTML 3.83% Vue 23.68% CSS 2.40%

greatkidsshow's Introduction

GREAT KIDS SHOW

Your machine will need node.js to run this application. install node.js here
Netbeans IDE will need cygwin to enable the terminal. install cygwin here
Open project in netbeans and bring out the terminal (Window > IDE Tools > terminal) and run the command in setup project

Setup project

npm install

installs dependencies like javascript frameworks and css libraries

Running Development Server

npm run serve

preview the app locally (localhost:8080)

Collaborating in Branches

Main - Most stable version of the app, only commit new changes through staging branch
Staging - Pre-production branch, to test code base on production environment. Feature merges goes to staging.
feature-name - Branch namespace for any feature that you are working on (e.g. feature-AOS, feature-accordion, feature-game-install etc.)

List of animations

usage: just add the animation to your html tags
<p data-aos="slide-up" data-aos-duration="1500">Hello!</p>
<div data-aos="fade-in" data-aos-duration="2000"></div>

`Fade`	`Flip`	`Slide`	`Zoom`
fade-up fade-down fade-left fade-right fade-up-right fade-up-left fade-down-right fade-down-left	flip-up flip-down flip-left flip-right	slide-up slide-down slide-left slide-right	zoom-in-up zoom-in-down zoom-in-left zoom-in-right zoom-out zoom-out-up zoom-out-down zoom-out-left zoom-out-right

Recommend Projects