crazy-marvin / sneak.page

Get an overview of sneak previews in your local cinema(s)

#Hosted Weblate

sneak.page

sneak.page gives you an overview of sneak previews in your local cinema(s).

Contributing

The development or a feature branch is used while developing the code, and pushed into the master branch trunk afterwards for releases. PRs to the trunk need at least one approving review before getting merged.

Help translate the app at Hosted Weblate.

Pull requests are welcome. For major changes, please open an issue first to discuss what you would like to change.

Please make sure to update tests as appropriate.

Check out the contribution guidelines for details please.

Credits

I am extremely grateful that the Elm Hannover Meetup guided me through this project. 😍

Additionally a huge thanks goes to my sponsors Oh Dear, updown.io, PingPing, Instatus, Hetzner, DigitalOcean, Google Cloud. JetBrains, 1Password, GitHub, F-Droid, Vercel, Sentry and Hosted Weblate.

License

MIT License

sneak.page's Issues

Setup Codecov

Should we do tests or not? 🤔

Tests

Website Analytics

Maybe something like Fathom and Matomo 🤔

<!-- Fathom - simple website analytics - https://github.com/usefathom/fathom -->
<script>
(function(f, a, t, h, o, m){
	a[h]=a[h]||function(){
		(a[h].q=a[h].q||[]).push(arguments)
	};
	o=f.createElement('script'),
	m=f.getElementsByTagName('script')[0];
	o.async=1; o.src=t; o.id='fathom-script';
	m.parentNode.insertBefore(o,m)
})(document, window, '//www.analytics.party/tracker.js', 'fathom');
fathom('set', 'siteId', 'HGCIM');
fathom('trackPageview');
</script>
<!-- / Fathom -->

<!-- Matomo -->
<script>
  var _paq = window._paq = window._paq || [];
  /* tracker methods like "setCustomDimension" should be called before "trackPageView" */
  _paq.push(["setDocumentTitle", document.domain + "/" + document.title]);
  _paq.push(["setCookieDomain", "*.sneak.page"]);
  _paq.push(["setDomains", ["*.sneak.page"]]);
  _paq.push(['trackPageView']);
  _paq.push(['enableLinkTracking']);
  (function() {
    var u="https://poopjournal.rocks/piwik/";
    _paq.push(['setTrackerUrl', u+'matomo.php']);
    _paq.push(['setSiteId', '32']);
    var d=document, g=d.createElement('script'), s=d.getElementsByTagName('script')[0];
    g.async=true; g.src=u+'matomo.js'; s.parentNode.insertBefore(g,s);
  })();
</script>
<noscript><p><img src="https://poopjournal.rocks/piwik/matomo.php?idsite=32&amp;rec=1" style="border:0;" alt="" /></p></noscript>
<!-- End Matomo Code -->

Hosted Weblate Integration

Fluent?

Backend

There are many options for a backend. 🤔

• Supabase
• Appwrite
• Firebase
• MongoDB
• Redis
• MariaDB
• etebase
• CouchDB

Add Powered by Vercel Badge

We should a Vercel banner in the footer of each site page so that Vercel may sponsor sneak.page.
The graphic is located at /src/assets/vercel.svg.

Error Tracking & Performance Monitoring

Is something like Rollbar, Sentry or Bugsnag helpful? 🤔

Load Google Fonts Locally

Instead of loading Work Sans from https://fonts.googleapis.com/css?family=Work+Sans:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900 we should load it locally.

GitHub Actions

It would be awesome to use GitHub Actions for auditing best practices, some performance metrics, continuous localization and automatic deployment.

Possible parts (growing list):

• Lighthouse
• Weblate
• Firebase
• Testling
• ...

It would be great to have a staging environment based on development and a production environment based on trunk.
I suppose it is not possible to use GitHub Pages for both unfortunately.

Uptime Monitoring & Status Page

Something like updown.io and Instatus might be useful.

Feedback Report

Something like helppie or Freddy Feedback or Usersnap maybe.

Challenges I want to tackle:
Users should be able to submit feedback including suggestions for new features or improvements and report bugs with visual feedback.

Database Planning

I created four tables:

• cinemas
• movies
• past_screenings
• upcoming_screenings

Is that sufficient?

Authentification will go into a separate database so we can leave this out here.

Sync Data From TMDB Into Supabase

The data from the The Movie Database (TMDB) API shall be saved in Supabase so that we don't have to query TMDB often.

TMDB	sneak.page
original_title	title
runtime	runtime
overview	synopsis
tmdb_id	tmdb_id
imdb_id	imdb_id
Poster?	Poster?

Is there a solution within Supabase which could be used for this like Edge Functions or a direct command in the database? 🤔

Regarding the poster, I am not sure if it should go directly into the database or into an object storage. I suppose an object storage might be better though.

The function should provide a route that the consumer will request the movie info from, when this happens it will go first to see if it is saved in Supabase. If yes, will serve it from Supabase, if not will fetch it from TMDB remote API and then store it and finally return it as a response.