Intro

Commuting in the city is usually just about getting from A to B. We put our headphones on, look down at our screens, and tune out the physical world. WalkBeat was built to do the exact opposite.

It is an experimental mobile application designed to reconnect you with your immediate environment. Instead of ignoring the unpredictable weather or the rhythm of your own footsteps, WalkBeat uses them as inputs.

By pulling real-time meteorological data and tracking your physical movement through the device's accelerometer, the app generates a dynamic audio-visual experience. Whether it's a brisk walk in the rainy streets or a slow stroll on a sunny afternoon, the interface and soundscape adapt to you instantly.

Work

Under the hood, WalkBeat integrates native hardware sensors with cloud services to create a seamless "Connected Environment" experience.

Dynamic UI & APIs: The interface shifts its color palette and animations based on live data fetched from the OpenWeather API.

Motion Sensing: Utilizing the phone's on-board accelerometer, a custom debounce algorithm detects whether you are strolling or speed-walking, automatically switching the music tempo without requiring screen interaction.

Cloud Walk Diary: Every walking session is logged into Firebase Firestore. It captures your duration, weather conditions, and location, presenting them in a beautiful timeline.

Custom Calibration: Since everyone walks differently, local storage (Shared Preferences) is implemented, allowing users to fine-tune the sensor's sensitivity to match their natural stride.

WalkBeat is more than just an app; it's a proof of concept for how technology can enhance our connection to the world around us, rather than detract from it.

Elements

Text

This is bold and this is strong. This is italic and this is emphasized. This is superscript text and this is subscript text. This is underlined and this is code: for (;;) { ... }. Finally, this is a link.


Heading Level 2

Heading Level 3

Heading Level 4

Heading Level 5
Heading Level 6

Blockquote

Fringilla nisl. Donec accumsan interdum nisi, quis tincidunt felis sagittis eget tempus euismod. Vestibulum ante ipsum primis in faucibus vestibulum. Blandit adipiscing eu felis iaculis volutpat ac adipiscing accumsan faucibus. Vestibulum ante ipsum primis in faucibus lorem ipsum dolor sit amet nullam adipiscing eu felis.

Preformatted

i = 0;

while (!deck.isInOrder()) {
    print 'Iteration ' + i;
    deck.shuffle();
    i++;
}

print 'It took ' + i + ' iterations to sort the deck.';

Lists

Unordered

  • Dolor pulvinar etiam.
  • Sagittis adipiscing.
  • Felis enim feugiat.

Alternate

  • Dolor pulvinar etiam.
  • Sagittis adipiscing.
  • Felis enim feugiat.

Ordered

  1. Dolor pulvinar etiam.
  2. Etiam vel felis viverra.
  3. Felis enim feugiat.
  4. Dolor pulvinar etiam.
  5. Etiam vel felis lorem.
  6. Felis enim et feugiat.

Icons

Actions

Table

Default

Name Description Price
Item One Ante turpis integer aliquet porttitor. 29.99
Item Two Vis ac commodo adipiscing arcu aliquet. 19.99
Item Three Morbi faucibus arcu accumsan lorem. 29.99
Item Four Vitae integer tempus condimentum. 19.99
Item Five Ante turpis integer aliquet porttitor. 29.99
100.00

Alternate

Name Description Price
Item One Ante turpis integer aliquet porttitor. 29.99
Item Two Vis ac commodo adipiscing arcu aliquet. 19.99
Item Three Morbi faucibus arcu accumsan lorem. 29.99
Item Four Vitae integer tempus condimentum. 19.99
Item Five Ante turpis integer aliquet porttitor. 29.99
100.00

Buttons

  • Disabled
  • Disabled

Form