Revolutionizing Scorekeeping in Family Games with SCORECOUNT

Sunday afternoons often bring families together for a friendly card game, but the perennial question arises: who will keep score? Typically, no one volunteers, leaving one unlucky family member to juggle pen and paper. Bringing a laptop to the table is unappealing, and using a smartphone for spreadsheets is far from enjoyable. Why should we settle for this outdated method? As we embrace digital solutions in our lives, it’s time to elevate our game nights too. Enter SCORECOUNT, a project designed to simplify the scorekeeping process for board and card games.

In a bid to create a more streamlined experience, SCORECOUNT is being developed as a community project. Contributions from users are encouraged, inviting ideas, suggestions, and enhancements. Interested participants can share their thoughts via email or the comments section, with the community category open for discussion. Contributions will be highlighted in future posts, with credit given to contributors who wish to be acknowledged. The aim is to foster a fun and collaborative environment where everyone can showcase their skills. Notably, all community projects are open-source and will never be monetized on the ArtsBlog.

SCORECOUNT

01. Project Requirements

Every project starts with a problem that needs solving. The challenge here is to allow players to focus on enjoying the game rather than on the tedious task of tallying scores manually. To address this, the application must facilitate the creation of player profiles and allow for score entries for each round. It should also enable easy identification of scores associated with each player’s name. Additionally, the project will support an unlimited number of rounds, ensuring flexibility in gameplay.

Privacy is paramount, so no data will be stored. The application is designed for use on smartphones and tablets, eliminating the need for a laptop at the gaming table. The development will utilize Bootstrap 5.2 as the CSS framework and jQuery 3.6 for functionality. The goal is to compute the average score for each player per round.

In summary, the project will include:

• Multiple players
• Player name entries
• Score input for each round
• Total score calculation per player
• Average score calculation
• Unlimited rounds
• Compatibility with smartphones or tablets
• Use of Bootstrap 5.2 & jQuery 3.6
• Data privacy considerations

02. Base Script

The base script already addresses all the specified requirements. This foundational code serves as a starting point, and in the next section, I will share ideas for potential enhancements. Rather than delving deeply into how the script functions, I encourage you to explore the code and see how the project operates. While the base script is functional, there is still significant room for improvement. At the end of this post, you will find all the files available for download to experiment with the project yourself.

SCORECOUNT

		  Über
		  Keine Lust mehr auf Stift & Papier? Lass dir die Punkte deines Spiels einfach für jeden Spieler zusammenzählen. Die Spielernamen können geändert werden.

		  SCORECOUNT

		  SCORECOUNT
		  Keine Lust mehr auf Stift & Papier? Lass dir die Punkte deines Spiels einfach für jeden Spieler zusammenzählen. Trage die Anzahl der Spieler ein und lege los!

$(document).ready(function(){
	$('.album').hide();
	$('#go').on('click', function () {
		var players_sum = $('#players').val();
		if (players_sum > 12){
			var players_sum = 12;
		}
		for (i = 0; i < players_sum; i++) {
			var player_num = i + 1;
			$('#player-cards').append('# Punkte123')
		}
		$('.intro').hide();
		$('.album').show();
		$('.card').on('input', function () {
			var scorecount = 0;
			$('input', this).each(function () {
				var get_input_value = $(this).val();
				if ($.isNumeric(get_input_value)) {
					scorecount += parseFloat(get_input_value);
				}
			});
			var input_filled = $('table :input', this).filter((i, el) => el.value.trim() !== '').filter((i, el) => el.value.trim() !== '-').length;
			var score_average = scorecount / input_filled;
			var score_average = Math.round(score_average);
			$('#total', this).html(' ' + scorecount);
			$('#average', this).html(' ' + score_average);
			if ($('table tr:last input', this).val().length !== 0) {
				var nextround = parseFloat($('table tr:last td.rounds', this).text()) + 1;
				$('table tr:last', this).after('' + nextround + '');
				var rowpos = $('table tr:last', this).position();
				$('.card-body', this).scrollTop(rowpos.top);
			}
			});
		});
	});
// Notification Modal
$(function () {
	var modal_template_01 = '';
	var modal_template_02 = 'Titel';
	var modal_template_03 = '';
	var modal_template_04 = 'Text';
	var modal_template_05 = '';
	var modal_template_06 = '';
	$('#restart').on('click', function() {
		var modal_template_02 = 'Achtung!';
		var modal_template_04 = 'Möchten Sie die Eingaben wirklich Löschen?';
		var modal_template_07 = 'clean-form';
		$('#notify').html(modal_template_01 + modal_template_02 + modal_template_03 + modal_template_04 + modal_template_05 + modal_template_06 + modal_template_07);
		$('#modal').modal('show');
		$('#clean-form').on('click', function() {
			location.reload(true);
		});
	});
});

03. Future Possibilities

Community-driven projects thrive on collaboration, and there are numerous possibilities for enhancements that may not have been initially considered. Participants are encouraged to share their ideas or even completed solutions. This initiative is about exploration and creativity, and I look forward to working together to shape the project and engage more with the community.

Potential features could include:

• Player order based on scores
• Highlighting the leading player
• Exporting game results or taking screenshots
• Customizable player cards with different colors
• Animations
• A more user-friendly design

04. Download

I have compiled all the necessary files to facilitate a quicker setup for users. I hope you find as much enjoyment in this project as I have, and I wish you the best of luck in your endeavors.

artsblog-projekt-scorecount-master

Filesize: 1.7 MB