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
- Dolor pulvinar etiam.
- Etiam vel felis viverra.
- Felis enim feugiat.
- Dolor pulvinar etiam.
- Etiam vel felis lorem.
- 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 |