Griddle

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.

Visit our website

---

Table of Contents

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

---

Setup

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

Features

• 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

External

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

Todos

• 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

Contributors

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

• You can just grab their GitHub profile image URL
• You should probably resize their picture using ?s=200 at the end of the image URL.

---

License

• MIT license