marreteint / bowling

React tool helping you to keep up with the score of a game

Bowling scoring tool

Created by Martin SEBIROT, Kevin LEBORGNE, Elyas TIGRE, Bastien PILI, and Maxime FROMONT.

Project details

This web tool easily calculate the score of a bowling game. It is easy to install and use, and meet all the needs defined by our initial client.

Features

• Allow you to enter the score of each frame of a bowling game.
• Calculate the score of the game.
• Display the score of each frame.
• Allow you to play with the number of pins you want
• Allow you to play with the number of frames you want
• Allow you to play with the number of players you want

How to install

To install the project, you need to have Node JS installed on your computer. Then, you can clone the project using the following command:

git clone https://github.com/MarreTeint/Bowling

Then, you can install the dependencies using the following command:

npm ci

Finally, you can run the project using the following command:

npm start

Technologies used

The project is produced using Node JS, React, and Typescript. The main goal behind choosing REACT to work on this project was mainly to learn about it and enhance our knowledge. We, furthermore, heard about interesting functionalities that we could find a need for. In addition to that, most of the developers here already knew about programming using web languages. Finally, creating this tool as a website allows easy usage by most users.

Challenges encountered

Learning and using react has been a new challenge for all of us, but it was, of course, very enriching. We are learning more every day, and thus, be assured that this project will certainly profit from multiple release adding more interesting features. The goal is to satisfy our initial client and every potential users needs.

bowling's Issues

problème d'import au rebuild

tsc:build in Vs Code, don't build correctly the tsx file because the import
statement doesn't appear at the top of the js file generated.
var __assign = (this && this.__assign) || function () { __assign = Object.assign || function(t) { for (var s, i = 1, n = arguments.length; i < n; i++) { s = arguments[i]; for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p]; } return t; }; return __assign.apply(this, arguments); }; import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime"; import React from "react"; export default function ScoreBoards(props) { var _a = React.useState(props.playerList), playerList = _a[0], setPlayerList = _a[1]; var _b = React.useState(props.scoreList), scoreList = _b[0], setScoreList = _b[1]; return (_jsx("div", __assign({ className: "scoreboard" }, { children: _jsxs("table", { children: [_jsxs("thead", { children: [_jsx("td", __assign({ className: "blackText" }, { children: "Player " })), _jsx("td", __assign({ className: "blackText", colSpan: 21 }, { children: " Score Board" })), _jsx("td", __assign({ className: "blackText" }, { children: "Total " }))] }), _jsxs("tbody", { children: [_jsx(PLayerSCoreBoards, { PlayerName: playerList[0], PlayerSCore: scoreList[0] }), _jsx(PLayerSCoreBoards, { PlayerName: playerList[1], PlayerSCore: scoreList[1] })] })] }) }))); } export function PLayerSCoreBoards(props) { var PlayerSCore = props.PlayerSCore; var PlayerName = props.PlayerName; var Score = PlayerSCore.map(function (score) { return _jsx("td", { children: score }); }); return (_jsxs("tr", __assign({ className: "scoreboard" }, { children: [_jsx("td", __assign({ scope: "row", className: "blackText" }, { children: PlayerName })), Score, _jsx("td", { children: "No" })] }))); }