learnsyncly's People
learnsyncly's Issues
Auth Controller
This is the file that will handle the logic of getting the user input from the view and sending authentication to server side. Upon success routing to creator view.
Add server listener 'login'
login to server:
- authenticate username and hash
- redirect to creator client after authentication
Add client listener 'slides from server'
receive a url for slides:
- render slides using google slides API
test
Create basic ui styles
Add client listener 'video from server'
receive url for video stream:
- insert the url into the href attr for the video element.
Add server emitter 'video from server'
'video from server'
send client the youtube video url
Signup View
This is the HTML page that will show the user the signup page that will ask for email and password.
Add client emitter 'connect'
creator connects to server
Login View
This is the HTML page that will show the user the login page that will ask for email and password.
Working on Presentation Slides
Whiteboard Product
Create project homepage.
Deploy our master to Heroku
Add server listener 'connect'
'connect'
a creator has connected:
- console.log that a creator has connected
Add server listener 'signup'
signup as a creator:
- store username in Mongo
- store salted b-crypt hash as password in Mongo
- redirect creator back to login
Figure Out API's
test
Aspect ratio edit to database
Add client emitter 'video to server'
creator sends youtube link to server
test
Create Automatic Deployment from our Github
Add client emitter 'slides to server'
creator sends google slides link to server
Add client emitter 'login'
login to server
Create a way to pass current time information in the client
Authentication
Create Slideshow View and Controller
Instantiate bare server.
- load express and sockets.io modules
- instantiate server and sockets session
Add client emitter 'syncly data from creator'
creator sends slide sync data to server
Create entry view for creator client
MVP:
- a frame for viewing a movie
- a frame for viewing/selecting slides
- a button to add a new syncly timestamp at the
point in the video currently at. - a button to send syncly data
- a button to receive previous syncly data
- a toggle switch that will show synced slides when the video is playing.
Add server listener 'video to server'
store youtube url in Mongo
Add server emitter 'slides from server'
'slides from server'
send the client the google slides url
Add server listener 'syncly data from creator'
store slide sync data in Mongo
Add server listener 'slides to server'
'slides to server'
store google slides url in Mongo
test2
test2
list emitters and listeners required for MVP
test
test
Create youtube player with url
Create Mongo DB and insert test data
MVP:
- movie url
- slides url
- syncly data
Add server listener 'disconnect'
'disconnect'
a creator has disconnected:
- console.log a creator ha disconnected
Add client emitter 'signup'
signup as creator
Configure Initial Repo
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
๐ Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. ๐๐๐
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google โค๏ธ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.