Project's name

Studio Ghibli

Description

Studio Ghibli is a responsive app which present the Ghibli animation films.To discover or rediscover at will the magical world of animated films by the talented Hayao Miyazaki.

MVP (DOM - RESPONSIVE SITE)

MVP definition, deliverables.

• 5 pages html responsive
• Film animations html / conect with API Ghibli
• Css / flexbox / animation

Backlog

• Presentation by film (all or one) with more details.
• Animations/Design

Data structure

Classes and methods definition.

• Home page: Header/ nav/ Div/ img/ list/ Section/ div/ slide/ h1/

• Film animation: Header/ nav/ Div /img /list Section/ div/ article/ h5/ img/ p/

• Faq: Header/ nav/ Div /img /list
  Section/ Div/ img/ Div/ button/

• Signup: Header/ nav/ Div/ /list
  Section/ h2/ Div/ form/ input/
  button/

• Login: Header/ nav/ Div/ /list
  Section/ h2/ Div/ form/ input/
  button/

States y States Transitions

Definition of the different states and their transition (transition functions)

• Home
• Films
• Faq
• Signup
• Login

Task

Task definition in order of priority

• index.html

• Films.html

• Faq.html

• Signup.html

• Login.html

• main.js

• ghibliApi.js

• Faq.js

• Signup.js

• Login.js

• Users.js

• Validator.js

Links

Trello

Link url

Git

URls for the project repo and deploy Link Repo Link Deploy

Slides

URls for the project presentation (slides) Link Slides.com