Skip to content

ImStuBTW/bruno

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

28 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Burno, a Web-Based Pseudo-Messaging UI Concept

Preview

Bruno is a conversational UI concept that lives completely in your web browser. It loosely mimics the iOS Messages interface. It supports image attachments, gifs, emoji, and links. Rather than allowing full text entry, Bruno allows the user to choose from a fixed set of replies.

This UI mockup was a chance for me to learn a variety of newer web technologies, it probably won't work if your browser doesn't suppose ES2015. Bruno uses CSS3 Animations, Promises for flow control, Emoji One for cross platform emoji support, and CSS Flexbox to keep everything nice and centered. The messages are currently a fixed script of JQuery-parsed .json files, but he was designed modularly so that a more complicated message source could be implemented later.

I just referred to my program as a 'he'. The future is weird.

If you'd like to try out Bruno, feel free view a preview here.

Build Instructions

Bruno's fairly straightforward at this point. Everything runs client side, so you just have to build and go. Give it the standard NodeJS npm install, bower install, grunt workflow, and he should be running on your Localhost in no time.

About

A web-based pseudo-messaging UI concept.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published