mozilla / chatspaces Goto Github PK
View Code? Open in Web Editor NEWSnazzy chat app.
License: BSD 3-Clause "New" or "Revised" License
Snazzy chat app.
License: BSD 3-Clause "New" or "Revised" License
I want to get more clarity on what chatspaces is all about so I can design an experience that really matches the purpose and personality of the product. I started a design brief for that we can all collaborate on. I started filling in some information but please edit and comment like crazy.
https://docs.google.com/a/mozilla.com/document/d/1gAjrEGs9Vbgphab_ZkyK_Z32ClqW5hLcxCOWqyv4xIE/edit
when taking a pic
Here's a flow for a quick reply to a thread.
I'll add more details tomorrow about the error in here.
There is no webapp manifest in the public folder, but the app should have one so it's installable on Firefox OS and the simulator, even if only for testing.
The world is an imperfect place. Sometimes you send a message and it can't be delivered to its recipient. How can we let users know, view, and resend their outgoing messages that were left behind by a cruel and indifferent world?
Here is a flow for adding a contact to chatspaces. I divided the screens so that the search on the "Friends" screen only searches through your existing contacts. If you want to add a new contact you do that through another screen. The design on the contacts screen is similar to what is being used on the FFOS Contacts app (http://mozorg.cdn.mozilla.net/media/img/l10n/en-US/firefox/os/have-it-all/contacts.jpg?2013-09).
The search by username UI comes from the curation tool. Thought it would be helpful here as you can add multiple people at one time.
https://marketplace-dev.allizom.org/curation/
for @b3n0n
similar to the second screen in this sketch #6 (comment)
also add the 'cancel' and 'next' buttons... cancel goes back to the dashboard and next goes to the next screen.. but 'next' will be your upcoming pr so leave it going nowhere for now.
Right now, you log in with persona, then it asks you to set a username, then nothing.
The first-run experience should take you through the process smoothly all the way to adding friends and sending your first message.
As user karl, add contact with search at /friends, contact added, log out, log in, no contacts visible at /friends. Expected contact to still be there after login.
@b3n0n
In the third screen, you see that clicking on the GIFCam button should move to a view that is only the video stream and a button to record.
<img>
currently they're ~ 100kb, make them smaller!
After sending a message with a gif, and moving away to other parts of the app, the green light on my camera stayed on. I want privacy!!
Note that I sent in custom 4:3 height and width in https://github.com/mozilla/chatspaces/blob/master/public/javascripts/controllers.js#L181 to shave off some file size :)
Need the default, then the reverse for every other, and possibly a class for every other so that I can specifically call it.
this control should open the new message tile thingy, still trying to figure out how this nav is working, some pointers?
including @sole in this convo .. localForage maybe?
Add an appcache manifest for all assets (presumably, however they look in production), so users can download the app to their phone and not have to make requests for all the assets.
Should users be able to make groups? I heard that's the way a lot of folks use Whatsapp. They create groups and receive notifications when someone posts to the group. According to a user on Quora group conversations "are an absolute necessity when talking about hotties" (http://www.quora.com/WhatsApp-Messenger/Why-is-WhatsApp-Messenger-so-popular-Is-it-fun).
I think chatspaces should support conversations about hotties.
I had someone use chatspaces on their machine and noticed that they kept trying to submit the message in the thread reply state without adding a picture - which confused them. Should we move the text box to the camera overlay so they go together?
A declarative, efficient, and flexible JavaScript library for building user interfaces.
๐ Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. ๐๐๐
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google โค๏ธ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.