Skip to content

Commit

Permalink
Add Data Explorer
Browse files Browse the repository at this point in the history
  • Loading branch information
devinbaeten committed Aug 5, 2024
1 parent 7e62d82 commit 903f0df
Showing 1 changed file with 42 additions and 14 deletions.
56 changes: 42 additions & 14 deletions src/index.html
Original file line number Diff line number Diff line change
Expand Up @@ -54,10 +54,18 @@ <h4 class="mt-1">
<div class="alert mb-3 bg-danger text-light d-none" id="reqError"></div>
<nav class="mb-3">
<div class="nav nav-tabs" id="nav-tab" role="tablist">
<button class="nav-link active" id="nav-dashboard-tab" data-bs-toggle="tab" data-bs-target="#dashboard" type="button" role="tab" aria-controls="dashboard" aria-selected="true">Dashboard</button>
<button class="nav-link" id="nav-about-tab" data-bs-toggle="tab" data-bs-target="#about" type="button" role="tab" aria-controls="about" aria-selected="false">About</button>
<button class="nav-link" id="nav-api-tab" data-bs-toggle="tab" data-bs-target="#api" type="button" role="tab" aria-controls="api" aria-selected="false">API</button>
<button class="nav-link" id="nav-contact-tab" data-bs-toggle="tab" data-bs-target="#contact" type="button" role="tab" aria-controls="contact" aria-selected="false">Contact</button>
<button class="nav-link active" id="nav-dashboard-tab" data-bs-toggle="tab" data-bs-target="#dashboard" type="button" role="tab" aria-controls="dashboard" aria-selected="true">
Dashboard
</button>
<button class="nav-link" id="nav-contact-tab" data-bs-toggle="tab" data-bs-target="#data" type="button" role="tab" aria-controls="data" aria-selected="false">
Data
</button>
<button class="nav-link" id="nav-about-tab" data-bs-toggle="tab" data-bs-target="#about" type="button" role="tab" aria-controls="about" aria-selected="false">
About
</button>
<button class="nav-link" id="nav-api-tab" data-bs-toggle="tab" data-bs-target="#api" type="button" role="tab" aria-controls="api" aria-selected="false">
API
</button>
</div>
</nav>
<div class="tab-content" id="nav-tabContent">
Expand Down Expand Up @@ -483,6 +491,14 @@ <h2>Data Collection</h2>
<p>My server network asks BeReal for the latest moments in each region every five seconds and records new data as it becomes available; This means that my database is always up to date. I started collecting data in early September. As such, I am unable to provide any accurate data from an earlier time. To view my data, you can visit this site; On the dashboard tab, you can see the latest moments, as well as 90 days of history in each region respectively.</p>
<h2>Why?</h2>
<p>I started this project to help myself better understand how BeReal operates, and to make it easier for me to post my BeReals on-time. I continue to work on it because collecting data like this has allowed me to explore ways of visualizing and applying data in real-world applications. I do all of this on my own time, and I don't make any profits from it. If you appreciate what I have made and would like to help fund the project, you can donate to my Ko-Fi page using the widget in the bottom left corner of your screen.</p>
<h2>Questions?</h2>
<p>
My name is Devin. You can reach me at
<a href="mailto:[email protected]">
[email protected]
</a>
. I'm happy to help with any questions, comments, or concerns!
</p>
</div>
</div>
<div id="api" class="tab-pane fade" role="tabpanel" aria-labelledby="nav-api-tab" tabindex="0">
Expand Down Expand Up @@ -710,17 +726,29 @@ <h5>GET Parameters</h5>
</div>
</div>
</div>
<div id="contact" class="tab-pane fade" role="tabpanel" aria-labelledby="nav-contact-tab" tabindex="0">
<div id="data" class="tab-pane fade" role="tabpanel" aria-labelledby="nav-data-tab" tabindex="0">
<div class="card card-body">
<h2>Contact The Developer</h2>
<p>Hi, I'm Devin.</p>
<p>
Send me an email at
<a href="mailto:[email protected]">
[email protected]
</a>
if you have any questions, comments, or concerns. I'd love to hear from you!
</p>
<h2>Data Explorer <span class="badge bg-danger fs-6" style="margin-left: 5px;">Beta</span></h2>
<p>Want to visualize moments beyond the past 90 days? I've created some Grafana dashboards to help.</p>
<p>Please note these dashboards are still in development and public availability is subject to change. You can always use the API for retrieval of historic data.</p>
<p>If you would like a custom dashboard made, please reach out to me. My contact details are on the About tab.</p>
<div class="row gx-2 gy-2">
<div class="col-12 col-md-6 col-lg-4">
<a class="btn btn-success w-100" target="blank" href="https://data.devin.fun/public-dashboards/ad199169e20943f1a0d254c711cac833">Global (All Regions)</a>
</div>
<div class="col-12 col-md-6 col-lg-4">
<a class="btn btn-primary w-100" target="blank" href="https://data.devin.fun/public-dashboards/bf980e37994a4c54a65558d4d0abe7c1">Americas</a>
</div>
<div class="col-12 col-md-6 col-lg-4">
<a class="btn btn-primary w-100" target="blank" href="https://data.devin.fun/public-dashboards/6a5c72f1b0a14268b149157c6c6e56b0">Europe</a>
</div>
<div class="col-12 col-md-6 col-lg-4">
<a class="btn btn-primary w-100" target="blank" href="https://data.devin.fun/public-dashboards/d3037ebddfc54ef4af87b63a80b15726">East Asia</a>
</div>
<div class="col-12 col-md-6 col-lg-4">
<a class="btn btn-primary w-100" target="blank" href="https://data.devin.fun/public-dashboards/718fdfdd0832445b9aa02cf0dda062ee">West Asia</a>
</div>
</div>
</div>
</div>
</div>
Expand Down

0 comments on commit 903f0df

Please sign in to comment.