Skip to content

laetadevelopment/sspwa

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

86 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

SSPWA

Single Screen Progressive Web App

Mission

To create a progressive web app experience that feels like interacting with a movie.

Summary

SSPWA (Single Screen Progressive Web App) is a MIT-licensed open source project built with the Vue.js Progressive JavaScript Framework. A good movie experience feels the same on an old, square TV as it does on a new, widescreen TV that has the same screen size. The modern screen may provide an enhanced experience, but you do not loose the quality of the movie in terms of storyline and performance of the actors. A SSPWA will provide a similar experience where the actors in a movie can be compared to the elements on the screen of the app. The app will feel the same regardless of what device you open the app with.

To add to the movie experience a SSPWA will allow you to interact with the elements on the screen. When you watch a movie you do not interact with the actors. That would make the experience dynamic and more like a video game. The SSPWA template aims to give you a foundation to build highly interactive app experiences that your users can load and use on any of their devices in a moments notice.

Unlike a traditional PWA (Progressive Web App) or web application in general, the elements on the screen will never exist outside of the screen view. This makes a modern, component based framework like Vue.js ideal to build and manage your SSPWAs. End the endless scrolling of apps and websites today and build the ultimate movie/game/app hybrid of the future!

Please reach out directly through GitHub with any questions, comments, or bug reports.

Architecture

Version Zero

v0.0 - Phase Zero

v0.0.1 - create new repo for project

v0.1 - Phase One

v0.1.1 - create new Vue PWA project
v0.1.2 - remove all defaults from project

Version One

v1.0 - Phase Zero

v1.0.1 - add project assets
v1.0.2 - create project scaffolding

v1.1 - Phase One

v1.1.1 - add content for project template
v1.1.2 - add basic styling to content for project template
v1.1.3 - add brand styling and interactiveness to content

v1.2 - Phase Two

v1.2.1 - create CI/CD pipeline for project
v1.2.2 - create test cases for project
v1.2.3 - create documentation for project

v1.3 - Phase Three

v1.3.1 - add scaffolding for notifications
v1.3.2 - create UI/UX for notifications
v1.3.3 - add scaffolding for playing video in app
v1.3.4 - create UI/UX for video