osoc17/snipstory

Educational web app that teaches history based on human stories 🙋📕

snipstory's Issues

Add editorconfig

Dynamic updating

• dynamic updates from data
• dynamic updates from modules and changes on other clients

Setup CI with Travis

Setup project boilerplate

• webpack
• React
• Redux

Set metadata correctly in index.html and manifest.json

• logo, images
• title, description meta
• OGP, twitter card meta tags if you have time

Implement homepage design

implement design:

Authentication

• Anon login for the users
• Teacher login
• Keep user in redux

Implement quiz to select story

3 questions => suggested stories

insert design here

Add assets to project

• Story assets
• Logo
• Blobs for homepage etc

Setup firebase

• new Google account?
• Sign up
• Connect to firebase from app

Setup continuous deployment

🚢

Add linter

Character select

Character selection functionality on homepage

Setup Sass

💅

Setup react-router

👍

Teacher platform

• /teacher --> platform itself
• /teacher/login --> login page for this platform

Features

• Teachers should be able to add stories to the platform
• Manage classes and see rooms linked to that class (+ submitted snipper)

Basic module implementation

Modules are parts of a story

• Video
• Image
• Quiz
• Image quiz
• Map

Setup continuous deployment

Maybe Netlify or Github Pages? it's free!

Serverside rendering

Serverside rendering is needed for the OGP and twitter card meta tags of the snippers.
This is important to have nice sharing previews on facebook, twitter, etc.

⚠️ Hosting provider will have to change, Firebase only does static file hosting

Implement homepage

Add design here when ready ;)

Components based on style tile

• Buttons
• Kleuren, fonts
• Filters
• Icons (https://github.com/carmelopullara/react-feather)