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.
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 |
