Giter VIP home page Giter VIP logo

orbiting's Introduction

Orbiting ๐Ÿš€

GitHub license

Orbiting is a simple visual communication app for groups. ๐Ÿ‘ฅ๐Ÿ’ฌ

A person is able to use it to type and display the message to those around. We want to create a very simple experience that doesn't require a lot of tech knowledge or experience. ๐Ÿ™Œ

Similar to:

This time HTML ๐Ÿ“„

This is the third time that we have built this app. The first couple times it was native iOS code. This time we have chosen a slightly more accessible route (we hope).

We hope to get a couple things by using HTML only.

  • The goal is for the app to be an installable progressive web app (via safari in iOS, or in chrome on android). The user should be able to install the app and instantly use it. There shouldn't be any need for a "backend."
  • It should be equally usable on a desktop, laptop, tablet or phone. ๐Ÿ’ป๐Ÿ“ฑ
  • It should be easy to fix bugs, roll out change, etc.
  • Forces us to be very simple

Helping ๐Ÿค

Feel free to pick an issue, handle it and submit a pull request.

TODO โœ…

We have three milestones:

Let's get through the first one and then YAY

Hosting / Tech ๐ŸŒ

Orbiting is hosted at firebase and uses some plain javascript. It is pretty straight forward. We decided not to use a large framework because the app is so simple.

We should use firebase functions to power group chat.

About ๐Ÿ‘ฉโ€๐Ÿ’ป๐Ÿ‘จโ€๐Ÿ’ป

This is a collaboration between Christine Sun Kim and Harper Reed.

The goal of the app is to create an amazingly simple way to communicate in a visual / chat way. Whether in groups or one on one - we want orbiting to be an easy and free way for people to interact together.

History ๐Ÿ“œ

  • v.04: you help us out to create an amazing app that is great!
  • v.03: HTML/JS hack launched by Harper and CK at an MIT Medialab Berlin event summer 2018
  • v.02: iOS app that worked much better. A really great team of @nickttng, @sophiakc and @jovan90jovanovic helped make the app awesome. However, it didn't stay up to date and we removed it from the app store.
  • v.01: iOS app that barely worked

orbiting's People

Contributors

harperreed avatar

Stargazers

 avatar  avatar

Watchers

 avatar  avatar  avatar  avatar  avatar  avatar

orbiting's Issues

Expo todo

Navigation

  • swipe actions
    • left swipe clear
    • right swipe show menu
  • menu button on web (lower left hand corner)
  • menu
    • History
    • Help
    • About
    • Settings

Text handling

  • better handling of resizing text
  • not scrolling below the keyboard
  • not scrolling at all

Utility

  • saving history of messages
  • Shake to flash
  • settings
    • configure colors
    • Saving history
    • Shake to flash

extra

  • login (phone number maybe)
  • backing up to icloud or google drive?
  • drawing?

Expo / Mobile

  • web works
  • mobile web works
  • ios works
  • android works

offline usage

Needs to work offline and without internet (airplane mode)

I think we are close - but we should ensure that offline works just as well as online.

[WIP] group chat

Group chat with Orbiting.

A couple thoughts:

  • each group is defined by a custom/unique URL
  • each participant defines a name and is given a unique color (to the group)
  • participants will get messages that other participants send
  • if you reload, you get the most recent message
  • there is a history of all messages in the group
  • drawing and video may not be required

write a blog post / fig out PR strategy

Ck
Bars and concerts can be too loud and dark to carry conversations. Christine and Harper met at a concert and couldnโ€™t have a normal conversation, so Christine took out her smartphone to type in the app named "big words" (which is very legible and bright) and Harper responded in big words as well. After writing back and forth, their friends wanted to join the conversation but it was difficult without having to rotate your smartphone around and show it to the entire group to continue chatting. Sometimes they missed someone elseโ€™s remarks or jokes, so they would have to ask him/her to type again. Both came up with a brilliant idea: why not create a new app that can better carry group conversations.

Sophia
Back in 2015, Christine and Harper met through some friends and hang out in a very cool bar in Berlin. It was a nice summer evening. There were some live music. And people around were all enthusiast about the band. It seemed everyone was having a nice time. Unfortunately the music was so loud that Christine and Harper couldnโ€™t talk to each other. Christine pulled out her phone and started typing some text to interact with Harper through the screen. While writing back and forth, some friends arrived. Including more people in the conversation became even harder. How to keep momentum when only one single phone is rotating among 6 people? Forget about making jokes!
This is how Orbiting started growing in their mind: a simple app where one could write large font text, in real time and most importantly, with a bunch of friends!


Harper
As expected, TED is a very good place to make connections. One of the connections that happened at TED 2013 was between Christine Sun Kim and Harper Reed.

They bonded over their mutual love of being the life of the party and being awesome.

During that week of TED, Christine and Harper went to a lot of bars and clubs (and a few weird parties on boats). One thing that struck both of them was how it can be frustrating to communicate in a crowded and loud space. Lots of people getting in the way, environment too loud - not conducive to communication in general. They had settled on using their phones to type out messages in an effort to smoothly communicate. By using one of the various big words apps they were able to communicate past the noise and hubbub.

This worked well for awhile. It was perfect for their one on one communication - but didn't expand to include their new friends that they met at TED. They immediately began talking about how to solve the problem of inclusion when it is loud, confusing and communication is often discombobulated.

Christine being an artist and Harper being a technologist, they immediately started to conspire on how to create a solution that was inclusive of many people, but also had the properties of using one of the big words style apps. Rather than having each person have to show every else their phone - Orbiting allows the participants to participate in a "group chat" of big words.

Orbiting is a simple group chat for groups who are in loud, expansive places where talking with sound doesn't work. You can communicate simply and effectively without having to pass a phone around or share a note. Everyone can share in a joke. You can order a drink for your friends without having to put your phone in their face. More importantly we can all start communicating in a positive and inclusive way regardless of the noise, confusion or effort of the space.

Please give orbiting a try. We love using it and I think you will too.

history storage and viewing

We should store history in localstore

when a user swipes right - the history should appear. ala cardzilla.

Add top drawer menu

Needs a top drawer menu to hold all sorts of info and feature.

  • logo
  • credits
  • link to explanation
  • drawing mode
  • video mode
  • font config
  • history (on/off)

add drawing

Allow for user to draw on touch screen instead of typing. same mechanics - but drawing

swipe events

  • left swipe - clear screen
  • down swipe - about and config menu (top drawer)
  • right swipe - history
  • up swipe - ??

Needs to work on iOS, Android and touch screened computers.

resize text as your type

Rather than scroll the div that the test is being entered into - we should resize the text to fit.

Think of cardzilla or big words as an example

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo 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.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.