betarena / scores

We are building the first open-source live results and statistics platform with community involvement features for data insertion. The project includes a blockchain component that will allow participants to receive rewards based on their participation and also to stake the future Token of the platform.

---

📑 Table of Contents

• About
  • Betarena Scores Platform
• ⚙ Development / Project
• 🚦 Roadmap
• 🛠 Contributing
• 💗 Support
• 📌 License

About

Betarena Scores Platform

We are building the first open-source live results and statistics platform with community involvement features for data insertion. The project includes a blockchain component that will allow participants to receive rewards based on their participation and also to stake the future Token of the platform.

⚙ Development / Project

See the .docs/ directory for more (1) information about the project, (2) it's quirks, (3) code-style, (4) how to setup development, and more.

🚦 Roadmap

See the open issues for a list of proposed features (and known issues).

• Top Feature Requests (Add your votes using the 👍 reaction)
• Top Bugs (Add your votes using the 👍 reaction)
• Newest Bugs

🛠 Contributing

Do you wish to contribute to the project ? 🚀🥳

First off, thanks for taking the time to contribute! Contributions are what makes the open-source community such an amazing place to learn, inspire, and create. Any contributions you make will benefit everybody else and are greatly appreciated.

Please try to create bug reports that are:

• Reproducible. Include steps to reproduce the problem.
• Specific. Include as much detail as possible: which version, what environment, etc.
• Unique. Do not duplicate existing opened issues.
• Scoped to a Single Bug. One bug per report.

Please adhere to this project's code of conduct.

Please visit the discussions-contributing-guide for more information on how to get started on contributing to the project and repository.

💗 Support

Reach out to the maintainer at one of the following places:

GitHub discussions

The email which is located in GitHub profile - [add-email]

📌 License

This project is licensed under the MIT license. Feel free to edit and distribute this template as you like.

See LICENSE for more information.

scores's Issues

Implement Featured Match into sveltekit

Using what has already been developed from featured_match we now need to adapt it for use with svelte kit. We need to ensure that the content is read by search engines, especially the future links that will be associated with the names and logos of the teams and featured players.

Tasks:

• Work on the new scores_featured_match repository - https://github.com/Betarena/scores_featured_match
• Adapt the CSS to the sizes of the new platform;
• Add the place-holder as defined in the design (FIGMA)
• Available in light and dark theme depending on the selection of the user;
• Respect the selected language;
• Create the corresponding documentation;
• Add to the new scores platform;
• Correct Firebase and GraphQL connection
• SVG - placeholder - loading

Serve logo as webP

The logo is being served as PNG, change it to webP.

Added translation for the Sports expression

I have added a field to the database called sports_list with the translations for the sports list.

Missing images on the read me

robots.txt is not valid

robots.txt is not valid 1 error found
Content Best PracticesFormat your HTML in a way that enables crawlers to better understand your app’s content.

Redirect HTTP traffic to HTTPS

For best practices redirect HTTP traffic to HTTP

https://web.dev/redirects-http/?utm_source=lighthouse&utm_medium=devtools

The EN version should only have the domain not the /en

Since EN is the main and default lang we do not need the /en at the end of the domain. Please verify to avoid it.

On mobile and tablet there is no space on the right side for the slider

So that the user can understand that it should swipe to check other sports, the space on the right side does not exist. Check images,

Add correct links for each platform lang

Links available in the database:

CSS - Image elements do not have explicit width and height

Theme selection

Now that we will implement the first widget the theme selection should work, and the selections made by the user should be kept for the next visit.

The theme selection will affect all widgets available on-page, we will need a global variable.

Mobile - Betting tips option wrong margin

Ensure CSP is effective against XSS attacks

https://web.dev/csp-xss/?utm_source=lighthouse&utm_medium=devtools

Add footer elements on the platform

Use the correct expressions and links for each element.

Translations DB:

scores_footer_translations_dev

Links:

scores_footer_links_dev

Change max-width to 1366px

At this time the desktop version is with 1321px max-width and should be 1366px.

Alert users that the PWA is installable

We need to add the information to the users that the platform is installable, instructions below:

https://web.dev/customize-install/

https://developer.chrome.com/blog/richer-pwa-installation/

Integrate Cloudflare CDN

For http2 activation and better performance, we will be adding Cloudflare, with the PRO plan:

https://www.cloudflare.com/en-gb/plans/#overview

• Configure the DNS with the necessary exceptions;
• Setup and configure the CDN for maximum performance and security;

Featured Match Review - Missing Border on odds

More button should have the same height of the other buttons

Betting odds market change Featured Match

Description:

When choosing a specific betting site's country the featured match should reload with the correct game and odds for that specific country.

Offline mode - using a PWA for the platform.

When the system detects that there is no internet connection to the platform an alert should be visible (Design on Figma).

https://blog.logrocket.com/building-a-pwa-with-svelte/

Add Google Analytics to the Scores Platform - Header

We need to add the GA code to the Scores platform, this should be added on the Header to be available on all platform.

GA-Code:

UA-60160331-9

`

<script async src="https://www.googletagmanager.com/gtag/js?id=UA-60160331-9"></script> <script> window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'UA-60160331-9'); </script>

`

Define Code organization / design

We should have a few organizational tips on how to prepare the code for future developers that want to be part of the project so that we can keep a high-quality platform, that is relatively homogeneous and easy to understand.

This information will be added to our discussions in Github.

Disable Fade In effect on elements load

Since the goal is to have elements loading as fast as possible we need to disable the fade-in effect.

Links on the mobile version are not working

PWA - Content is sized correctly for the viewport

https://web.dev/content-width/?utm_source=lighthouse&utm_medium=devtools

Inline CSS

Eliminate render-blocking resources:

https://web.dev/render-blocking-resources/?utm_source=lighthouse&utm_medium=devtools

62

Yandex Metrica Instalation

Code Snnipet:

`

<script type="text/javascript" > (function(m,e,t,r,i,k,a){m[i]=m[i]||function(){(m[i].a=m[i].a||[]).push(arguments)}; m[i].l=1*new Date();k=e.createElement(t),a=e.getElementsByTagName(t)[0],k.async=1,k.src=r,a.parentNode.insertBefore(k,a)}) (window, document, "script", "https://mc.yandex.ru/metrika/tag.js", "ym"); ym(86583540, "init", { clickmap:true, trackLinks:true, accurateTrackBounce:true, webvisor:true }); </script>

`

All requests must use HTTPS

PWA - Register a service worker

Instructions:

https://web.dev/service-worker/?utm_source=lighthouse&utm_medium=devtools

https://web.dev/service-workers-cache-storage/

Svelte Instructions:

https://dev.to/100lvlmaster/create-a-pwa-with-sveltekit-svelte-a36

Featured Match Review - Logo position and team name

The beginning of the team name should always be at the same positions:

Top space should be 23px

The top space should be 23px and it is 18px.

Outside click to close not working on this 2 menus

Logo change to SVG

My mistake was not to change to webp but to SVG, by default for logos we should always use SVG.

Use HTTP/2 instead of HTTP/1

https://web.dev/uses-http2/?utm_source=lighthouse&utm_medium=devtools

Tablet CSS - Missing Burger menu, footer menu wrong size

Check Figma for CSS corrections.

Create a login page for the DEV environment

Block access to authorized users on Heroku for the DEV Platform:

https://devcenter.heroku.com/articles/wwwhisper

Already configured, just the last part needs to be added:

Click on logo should redirect to the homepage

After clicking on the header or footer-logo the user should be redirected to the homepage.

Desktop CSS - Max Width 1378px

The max-width is not defined at the time and it is working as a Full-Width layout. Needs correction.

This can be confirmed in Figma.

PWA - Manifest doesn't have a maskable icon

https://web.dev/maskable-icon-audit/?utm_source=lighthouse&utm_medium=devtools

Implement Featured Betting Sites

Using what has already been developed from featured_betting_sites we now need to adapt it for use with svelte kit. We need to ensure that the content is read by search engines, especially the future links that will be associated with the names and logos of the teams and featured players.

Tasks:

• Work on the new scores_featured_match repository - https://github.com/Betarena/scores_featured_betting_sites
• Use of Sveltekit and make the necessary changes
• Adapt the CSS to the sizes of the new platform;
• Add the place-holder as defined in the design (FIGMA)
• Available in light and dark theme depending on the selection of the user;
• Respect the selected language;
• Create the corresponding documentation;
• Add to the new scores platform;
• Correct Firebase and GraphQL connection
• SVG - placeholder - loading
• Use of Redis cache for better results;
• SEO Friendly widget;

@migbash Endpoint with the translations:

https://cloud.hasura.io/project/1b086d12-8b64-462e-b7cc-f3f5e2c1702d/console/data/betarena_dev/schema/public/tables/scores_featured_betting_sites_translations_dev/browse

PWA - Add a web app manifest

We need to add a Web App Manifest to the project for the PWA.

https://web.dev/add-manifest/

Svelte Instructions:

https://dev.to/100lvlmaster/create-a-pwa-with-sveltekit-svelte-a36

https://blog.logrocket.com/building-a-pwa-with-svelte/

Link for the design:

Dropdown should close when clicking outside

In this case, when clicking outside the dropdown area the open dropdown should close.

Mobile CSS - Header logo incorrect, footer logo incorrect position, hamburger menu incorrect position

The mobile CSS is not correct. Follow Figma guidelines.

SignIn Button size is not correct

It should be 95x44 and it is 98x47.

SEO Details for the homepages

We need to add the SEO details for the homepage in different languages. On the homepage, the Schema is not necessary.

The data is already available in the Database:

scores_seo_homepage_dev

Example for guidance bellow:

`EN:

title: Betarena is the Fastest Football Results and Live Score for Sports Fans

keywords: live score

description: Betarena is the fastest Live Score for bettors and sports fans, including NBA scores and football results. Check out football today's results!

noindex = false
nofollow = false

canonical = https://scores.betarena.com

OPENGRAPH:

<SvelteSeo
openGraph={{
title: 'Betarena is the fastest football results and Live Score for sports fans!',
description: 'Betarena is the fastest Live Score for bettors and sports fans, including NBA scores and football results. Check out football today's results!',
url: 'https://scores.betarena.com',
type: 'website',
locale: 'en_GB',
images: [
{
url: 'https://www.betarena.com/wp-content/uploads/2021/12/betarena_scores.jpeg',
width: 850,
height: 650,
alt: 'Betarena Live Score'
}
]
}}
/>

TWITTER CARD:

<SvelteSeo
twitter={{
site: "@betarenasocial",
title: "Betarena is the fastest football results and Live Score for sports fans!",
description: "Betarena is the fastest Live Score for bettors and sports fans, including NBA scores and football results. Check out football today's results!",
image: "https://www.betarena.com/wp-content/uploads/2021/12/betarena_scores.jpeg",
imageAlt: "Betarena Live Score",
}}
/>

ES:

title: Betarena: Resultados de fútbol en directo, MisMarcadores

keywords: mis marcadores

description: Marcadores y resultados de fútbol en directo, incluyendo los resultados de la NBA y del fútbol. ¡Consulta los mis marcadores de fútbol de hoy!

noindex = false
nofollow = false

canonical = https://scores.betarena.com/es

OPENGRAPH:

<SvelteSeo
openGraph={{
title: 'Betarena: Resultados de fútbol en directo, MisMarcadores',
description: 'Marcadores y resultados de fútbol en directo, incluyendo los resultados de la NBA y del fútbol. ¡Consulta los mis marcadores de fútbol de hoy!',
url: 'https://scores.betarena.com/es',
type: 'website',
locale: 'es_ES',
images: [
{
url: 'https://www.betarena.com/wp-content/uploads/2021/12/betarena_scores.jpeg',
width: 850,
height: 650,
alt: 'Betarena fútbol en directo'
}
]
}}
/>

TWITTER CARD:

<SvelteSeo
twitter={{
site: "@betarenasocial",
title: "Betarena: Resultados de fútbol en directo, MisMarcadores",
description: "Marcadores y resultados de fútbol en directo, incluyendo los resultados de la NBA y del fútbol. ¡Consulta los mis marcadores de fútbol de hoy!",
image: "https://www.betarena.com/wp-content/uploads/2021/12/betarena_scores.jpeg",
imageAlt: "Betarena fútbol en directo",
}}
/>

BR

Title: Betarena: Jogos de Hoje e Resultados ao Vivo do Campeonato Brasileiro

keywords: jogos de hoje

description: Placar ao vivo com os resultados dos jogos de hoje e futebol ao vivo, informação sobre esporte e apostas do campeonato brasileiro.

noindex = false
nofollow = false

canonical = https://scores.betarena.com/br

<SvelteSeo
openGraph={{
title: 'Betarena jogos de hoje e resultados ao vivo do campeonato brasileiro',
description: 'Placar ao vivo com os resultados dos jogos de hoje e futebol ao vivo, informação sobre esporte e apostas do campeonato brasileiro.',
url: 'https://scores.betarena.com/br',
type: 'website',
locale: 'pt_BR',
images: [
{
url: 'https://www.betarena.com/wp-content/uploads/2021/12/betarena_scores.jpeg',
width: 850,
height: 650,
alt: 'Betarena Jogos de Hoje'
}
]
}}
/>

TWITTER CARD:

<SvelteSeo
twitter={{
site: "@betarenasocial",
title: "Betarena jogos de hoje e resultados ao vivo do campeonato brasileiro",
description: "Placar ao vivo com os resultados dos jogos de hoje e futebol ao vivo, informação sobre esporte e apostas do campeonato brasileiro.",
image: "https://www.betarena.com/wp-content/uploads/2021/12/betarena_scores.jpeg",
imageAlt: "Betarena Jogos de Hoje",
}}
/>

PT

title: Betarena: Os Meus Resultados Para os Jogos de Hoje da Liga Nos

keywords: meus resultados

description: Os meus resultados para a os jogos de hoje para a liga portuguesa com informação desportiva e apostas para a liga nos e as outras competições.

noindex = false
nofollow = false

canonical = https://scores.betarena.com/pt

OPENGRAPH:

<SvelteSeo
openGraph={{
title: 'Betarena: Os Meus Resultados Para os Jogos de Hoje da Liga Nos',
description: 'Os meus resultados para a os jogos de hoje para a liga portuguesa com informação desportiva e apostas para a liga nos e as outras competições.',
url: 'https://scores.betarena.com/pt',
type: 'website',
locale: 'pt_PT',
images: [
{
url: 'https://www.betarena.com/wp-content/uploads/2021/12/betarena_scores.jpeg',
width: 850,
height: 650,
alt: 'Betarena Meus Resultados'
}
]
}}
/>

TWITTER CARD:

<SvelteSeo
twitter={{
site: "@betarenasocial",
title: "Betarena: Os Meus Resultados Para os Jogos de Hoje da Liga Nos",
description: "Os meus resultados para a os jogos de hoje para a liga portuguesa com informação desportiva e apostas para a liga nos e as outras competições.",
image: "https://www.betarena.com/wp-content/uploads/2021/12/betarena_scores.jpeg",
imageAlt: "Betarena Meus Resultados",
}}
/>

IT

title: Betarena: Calcio Risultati in Diretta Serie A Livescore

keywords: diretta

description: Segui i risultati serie A in diretta, il livescore più veloce, consigli per le scommesse, notizie sportive. Diretta gol!

noindex = false
nofollow = false

canonical = https://scores.betarena.com/it

OPENGRAPH:

<SvelteSeo
openGraph={{
title: 'Betarena: Calcio Risultati in Diretta Serie A Livescore',
description: 'Segui i risultati serie A in diretta, il livescore più veloce, consigli per le scommesse, notizie sportive. Diretta gol!',
url: 'https://scores.betarena.com/it',
type: 'website',
locale: 'it_IT',
images: [
{
url: 'https://www.betarena.com/wp-content/uploads/2021/12/betarena_scores.jpeg',
width: 850,
height: 650,
alt: 'Betarena Diretta'
}
]
}}
/>

TWITTER CARD:

<SvelteSeo
twitter={{
site: "@betarenasocial",
title: "Betarena: Calcio Risultati in Diretta Serie A Livescore",
description: "Segui i risultati serie A in diretta, il livescore più veloce, consigli per le scommesse, notizie sportive. Diretta gol!",
image: "https://www.betarena.com/wp-content/uploads/2021/12/betarena_scores.jpeg",
imageAlt: "Betarena Diretta",
}}
/>

`

Sports Names are repeating

Since we add the EN label to the buttons it is showing, it shouldn't.

Best practices review

Add all header options with lang option changing the translations and URL

Add all header options and implement the translation variations for that options. When changing the language, besides changing the expressions it needs to change the URL and SEO.

Translations DEV DB:

https://cloud.hasura.io/project/1b086d12-8b64-462e-b7cc-f3f5e2c1702d/console/data/betarena_dev/schema/public/tables/scores_header_translations/browse

Important:

The default domain is the EN version.

URL Language Indication:

EN:

https://scores.betarena.com

BR example:

https://scores.betarena.com/br

Character limit to sports list

We need to add a limit on the number of characters to avoid the following issue: