/GreatKidsShow

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

Primary LanguageJavaScript

GREAT KIDS SHOW

  1. Your machine will need node.js to run this application. install node.js here
  2. Netbeans IDE will need cygwin to enable the terminal. install cygwin here
  3. 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

  1. Main - Most stable version of the app, only commit new changes through staging branch
  2. Staging - Pre-production branch, to test code base on production environment. Feature merges goes to staging.
  3. 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