Giter Club home page Giter Club logo

p16's Introduction

P1.6

Personal Mirror

Members & Responsibilities:

Team Member Responsibilities
Picture Hannah Estes Github Repository
Menu Content: News Feed, Messages, Social Media and Music Player
Picture Hriddhi Kulkarni Presentation Page
Always On Content: Clock, Weather, Notifications
Picture Tasnia Heya Always On Content: Calender Events
Navigation: Menu, Control Panel
Other Features: Webcam Capabilities
Picture Jeffrey Lance Health Content: Weight, Sleep, Steps,
Mirror Stats
Picture Katrina Bueno Sketch/Wire Frames
Other Features: Light Source, Drag & Drop/Customization Feature

Sketch:

Picture Link

Main functionality:

Most important information will be displayed on the 'Always On content'
Access 'Health content' and 'Menu content'
User friendly and customizable

Implementation status:

Collected the data required for individual tasks
Work on implementing the source code

Plan ahead:

Implementing the interface using Cordova/p5.js
Work on the development phase

Final Implementation:

Integrated P5.js with an Angular project

The mirror performs basic functionalities like displaying

  • Calender events
  • Clock
  • Time
  • Weather
  • Personalized news feed, text messages, social media notifications
  • Play music
  • Time spent using the mirror contents

The mirror also provides health related information like

  • Number of hours slept
  • Current body weight
  • Daily actitivy data like exercise and number of steps walked

The mirror also performs other functionalities like

  • Drag and drop widget icons

Final interface gif:

ezgif com-optimize (8)

Why our design is different:

  • Applied Golden rules of interface design principles
  • Adhered to the less than 7 rule and rule of thirds
  • Customizing icon location using 'Drag and drop' option
  • Use the interface in dark mode

Presentation page:

Link

Github repository link:

Link

p16's People

Contributors

hannahmestes avatar jeffreyallenlance avatar katrinajoyceb avatar tasniaheya avatar

Watchers

James Cloos avatar  avatar

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.