Code Monkey home page Code Monkey logo

magic-smike's Introduction


Magic Smike

Magic Smike is a smart bike, built as the cumulative Internet-of-Things project for CISC-340.

DescriptionKey FeaturesCreditsAuthors

webpage screenshot

Description

Magic Smike (a portmanteau of "magic smart bike") is an Internet-connected smart bike that records the rider's journey. It was built using a Flora V3, Flora GPS, magnetic wheel-encoder, and Micro SD card reader. The rider's location and speed are tracked and then uploaded to a Google cloud server. The data is stored in a JSON tree, and accessed through HTTPS requests. The website then parsed the JSON tree and renders the trip's data. This repository features the front-end asspect of this project, as well as a recreation of the server data (since it is no-longer in operation). A poster with information on the hardware aspects of the project can be downloaded here.

Key Features

  • Map with route travelled
  • Graph of bike's speed over time
  • Server communication over HTTPS requests
  • Total distance travelled, top speed, and average speed
  • Simple navigation through past bike trips
  • Responive web design

Credits

  • Chart.js - Used to display graph of speed.
  • Here Maps - Used to render the map with route travelled.

Authors

Jack Guinane - Website design and development, server-website communication.

Kyusung Shim - Server-side programming (code can be found here).

Renée Rosario - Team manager.

David Ariel Delcourt - Flora V3, Flora GPS, SD-server communication, general hardware.

John David Anthony - Wheel encoder, SD card reader, general hardware, video production.

John Lee - Flora V3, general hardware.

Liam Walsh - Wheel encoder, general hardware.

Su Bayek Lixian - Poster design, general hardware.

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.