Griddle is a web application that provides a unified dashboard of text, images, and videos that encourages people to thoughtfully consider and develop their ideas before posting anything on social media.

View Demo

• Setup
• Features
• Libraries/APIs
• Todos
• Contributors
• License

As easy as can be — built with vanilla JavaScript. Simply clone the repo and view the contents of the folder titled public.

• Add a variety of card types including text, images, videos, and lists
• Available card actions
  • drag/ rearrange
  • edit
  • delete
  • post to Twitter/ Facebook (plain text only)
• Speech Recognition to populate text cards
• Card filtering by type
• Database storage via Firebase
• Responsive mobile-ready CSS Grid Layout

LIbraries and APIs used within the application

• Firebase
• Draggable JS
• Materialize CSS
• jQuery (depedence for Materialize)
• Annyang Speech recognition
• Codebird (Twitter API)
• Facebook JS SDK

• Resizable cards with css: grid-auto-flow: dense
• Combine multiple elements from different card types into a single card
• In-card editor
• Improve UI and adding/editing card in mobile
• Add sign in authentication
• Fix bug that drags elements when clicking card action buttons
• Upload local images

James McDowell	Robby Ackerley	Illia Chaban
github.com/jamesnmcdowell	github.com/rcackerley	github.com/illiaChaban

• MIT license