Changing everything

Author: tkr-sh

CODE_OF_CONDUCT.md

@@ -0,0 +1,39 @@
+# Code of Conduct
+## Table of content
+
+<!-- vim-markdown-toc GFM -->
+
+* [Our Pledge](#our-pledge)
+* [Our Standards](#our-standards)
+* [Our Responsibilities](#our-responsibilities)
+* [Scope](#scope)
+* [Enforcement](#enforcement)
+
+<!-- vim-markdown-toc -->
+
+
+## Our Pledge
+We, as contributors and maintainers of this project, pledge to create a welcoming and inclusive environment for everyone, regardless of age, body size, disability, ethnicity ,level of experience, nationality, personal appearance, religion, or sexual identity and orientation.
+
+## Our Standards
+We are committed to fostering a positive and respectful community that encourages collaboration and inclusivity. We do not tolerate any form of discrimination, harassment, or offensive behavior, including but not limited to:
+
+- Verbal or written comments that are derogatory, offensive, or exclusionary
+- Threats, intimidation, or bullying
+- Discriminatory jokes or language
+- Posting sexually explicit or violent content
+- Inappropriate or unwelcome physical contact
+- Unwanted advances or attention
+
+## Our Responsibilities
+As contributors and maintainers of this project, we are responsible for ensuring that our community is free of discrimination and harassment, and that everyone feels safe and respected. We will take appropriate action in response to any reported incidents of unacceptable behavior, including but not limited to:
+
+- Investigating any reported incidents promptly and thoroughly
+- Providing support to anyone affected by discrimination or harassment
+- Enforcing consequences for any behavior that violates this code of conduct, including but not limited to warning the offender or revoking their privileges to participate in the project
+
+## Scope
+This code of conduct applies to all contributors and maintainers of this project, both online and in person.
+
+## Enforcement
+Instances of abusive, harassing, or otherwise unacceptable behavior may be reported by contacting the project team at [email protected] All complaints will be reviewed and investigated promptly and fairly. The project team is obligated to maintain confidentiality with regard to the reporter of an incident, unless doing so would cause harm to the community or is required by law.

CONTRIBUTING.md

@@ -0,0 +1,44 @@
+# Contributing to WeekGolf
+## Table of content
+
+<!-- vim-markdown-toc GFM -->
+
+* [Introduction](#introduction)
+* [How to Contribute](#how-to-contribute)
+    * [Reporting Bugs](#reporting-bugs)
+    * [Suggesting Enhancements](#suggesting-enhancements)
+    * [Contributing Code](#contributing-code)
+    * [Fork the repository on GitHub](#fork-the-repository-on-github)
+    * [Improving Documentation](#improving-documentation)
+* [Code of Conduct](#code-of-conduct)
+
+<!-- vim-markdown-toc -->
+
+## Introduction
+Thank you for your interest in contributing to WeekGolf! We welcome all contributions, including bug reports, feature requests, code changes, and documentation improvements. By contributing to this project, you agree to abide by the Code of Conduct.
+
+## How to Contribute
+### Reporting Bugs
+If you find a bug in WeekGolf, please open an issue on GitHub. When opening a new issue, please provide a detailed description of the problem, including steps to reproduce it and any error messages or logs you may have. Please also include the version of WeekGolf you are using and any relevant information about your operating system or environment.
+
+### Suggesting Enhancements
+If you have an idea for a new feature or enhancement to WeekGolf, please open an issue on GitHub and describe your suggestion in as much detail as possible. This may include use cases, user stories, or any other information that can help us understand your idea. Please note that we cannot guarantee that every suggestion will be implemented, but we appreciate all feedback and ideas.
+
+### Contributing Code
+If you are interested in contributing code to WeekGolf, please follow these steps:
+
+### Fork the repository on GitHub
+Clone your fork to your local machine
+Create a new branch for your changes
+Make your changes and commit them to your branch
+Push your branch to your fork on GitHub
+Open a pull request against the original repository
+When creating your pull request, please provide a detailed description of the changes you made, including any relevant background or context. Please also ensure that your code follows the project's coding standards and is well-documented. We appreciate your contributions and will do our best to review and merge pull requests as quickly as possible.
+
+### Improving Documentation
+If you notice any errors or omissions in WeekGolf's documentation, or if you would like to suggest improvements, please open an issue on GitHub or submit a pull request with your changes. We welcome any feedback that can help us improve our documentation and make it more useful for users.
+
+## Code of Conduct
+Please note that all contributors are expected to follow the Code of Conduct for this project. This code outlines our expectations for behavior within the project community, as well as the consequences for unacceptable behavior.
+
+Thank you again for your contributions to WeekGolf!

Client/.babelrc

@@ -0,0 +1,12 @@
+{
+    "presets": [
+      [
+        "@babel/preset-env",
+        {
+          "targets": {
+            "node": "current"
+          }
+        }
+      ]
+    ]
+  }

Client/README.md

@@ -0,0 +1,75 @@
+# Client
+## Table of content
+
+<!-- vim-markdown-toc GFM -->
+
+* [Introduction](#introduction)
+* [Directories](#directories)
+  * [<img src="../assets/folder-images.svg" style="height: 30px; display: inline; transform: translateY(5px)"> assets](#img-srcassetsfolder-imagessvg-styleheight-30px-display-inline-transform-translatey5px-assets)
+    * [icons](#icons)
+    * [imgs](#imgs)
+    * [Other](#other)
+  * [<img src="../assets/folder-components.svg" style="height: 30px; display: inline; transform: translateY(5px)"> components](#img-srcassetsfolder-componentssvg-styleheight-30px-display-inline-transform-translatey5px-components)
+  * [<img src="../assets/folder-json.svg" style="height: 30px; display: inline; transform: translateY(5px)"> data](#img-srcassetsfolder-jsonsvg-styleheight-30px-display-inline-transform-translatey5px-data)
+  * [<img src="../assets/folder-font.svg" style="height: 30px; display: inline; transform: translateY(5px)"> fonts](#img-srcassetsfolder-fontsvg-styleheight-30px-display-inline-transform-translatey5px-fonts)
+  * [<img src="../assets/folder-hook.svg" style="height: 30px; display: inline; transform: translateY(5px)"> hooks](#img-srcassetsfolder-hooksvg-styleheight-30px-display-inline-transform-translatey5px-hooks)
+  * [<img src="../assets/folder-layout.svg" style="height: 30px; display: inline; transform: translateY(5px)"> layout](#img-srcassetsfolder-layoutsvg-styleheight-30px-display-inline-transform-translatey5px-layout)
+  * [<img src="../assets/folder-views.svg" style="height: 30px; display: inline; transform: translateY(5px)"> pages](#img-srcassetsfolder-viewssvg-styleheight-30px-display-inline-transform-translatey5px-pages)
+  * [<img src="../assets/folder-python.svg" style="height: 30px; display: inline; transform: translateY(5px)"> python](#img-srcassetsfolder-pythonsvg-styleheight-30px-display-inline-transform-translatey5px-python)
+  * [<img src="../assets/folder-sass.svg" style="height: 30px; display: inline; transform: translateY(5px)"> style](#img-srcassetsfolder-sasssvg-styleheight-30px-display-inline-transform-translatey5px-style)
+  * [<img src="../assets/folder-utils.svg" style="height: 30px; display: inline; transform: translateY(5px)"> utils](#img-srcassetsfolder-utilssvg-styleheight-30px-display-inline-transform-translatey5px-utils)
+
+<!-- vim-markdown-toc -->
+
+## Introduction
+- The front-end is written in [TypeScript](https://www.typescriptlang.org/).<br/>
+- The framework used is [Solid.JS](https://www.solidjs.com).<br/>
+- The meta language used to style the page is [Sass](https://sass-lang.com).<br/>
+- The application is bundled with [Webpack](https://webpack.js.org/).<br/>
+- The environment of the application is [Vite](https://vitejs.dev/).<br/>
+
+## Directories
+### <img src="../assets/folder-images.svg" style="height: 30px; display: inline; transform: translateY(5px)"> assets
+The directory in which there are the assets of WeekGolf
+#### icons
+Files ending in `.svg`
+#### imgs
+Files ending in `.jpe?g`, `.png`, `.webp`
+#### Other
+All the other files are some files that are also images but that are specific images
+
+### <img src="../assets/folder-components.svg" style="height: 30px; display: inline; transform: translateY(5px)"> components
+In this directory there are files in `.tsx` that represents a component.<br/>
+A component is a piece of code that does a specific task.<br/>
+For example a Toggle switch On/Off can be a component.
+
+### <img src="../assets/folder-json.svg" style="height: 30px; display: inline; transform: translateY(5px)"> data
+In this directory, the majority of the files are in `.json`.<br/>
+This directory is mainly used to store data that will be reused later by components.
+
+### <img src="../assets/folder-font.svg" style="height: 30px; display: inline; transform: translateY(5px)"> fonts
+In this directory, there are all the fonts (files ending in `.ttf`) used by WeekGolf.
+
+### <img src="../assets/folder-hook.svg" style="height: 30px; display: inline; transform: translateY(5px)"> hooks
+In this directory there are files in `.tsx?` that represents a hook.<br/>
+A hook is a tool used in website design to allow the webpage to be interactive and dynamic.<br/>
+It enables certain parts of the webpage to be identified and manipulated, which can change how the page looks or behaves.<br/>
+It works like a hook in fishing, where a fisherman catches fish by using a hook.<br/>
+Similarly, a hook "catches" certain parts of a webpage and allows them to be changed.
+
+### <img src="../assets/folder-layout.svg" style="height: 30px; display: inline; transform: translateY(5px)"> layout
+In this directory there are files in `.tsx` that represents a layout-component.<br/>
+layout-components are defined as a component that is used for the layout, like a navbar, a header or a footer for example.
+
+### <img src="../assets/folder-views.svg" style="height: 30px; display: inline; transform: translateY(5px)"> pages
+In this directory there are files in `.tsx` that represents a page in WeekGolf.<br/>
+
+### <img src="../assets/folder-python.svg" style="height: 30px; display: inline; transform: translateY(5px)"> python
+In this directory there are files in `.py` that are some short python scripts.<br/>
+It's useful for creating separate small scripts that are still related to the project
+
+### <img src="../assets/folder-sass.svg" style="height: 30px; display: inline; transform: translateY(5px)"> style
+In this directory there are files in `.scss` that are just stylesheets written in sass.
+
+### <img src="../assets/folder-utils.svg" style="height: 30px; display: inline; transform: translateY(5px)"> utils
+In this directory there are files in `.tsx?` that are useful functions that are going to be used in components.

Client/index.html

@@ -0,0 +1,21 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1" />
+    <meta name="theme-color" content="#33CC33" />
+    <meta name="og:image" content="http://localhost:3000/src/assets/imgs/weekgolf.png" />
+    <link rel="shortcut icon" type="image/ico" href="/src/assets/favicon.ico" />
+    <link rel="apple-touch-icon" sizes="180x180" href="/src/assets/apple-touch-icon.png" />
+    <link rel="icon" type="image/png" sizes="32x32" href="/src/assets/favicon-32x32.png" />
+    <link rel="icon" type="image/png" sizes="16x16" href="/src/assets/favicon-16x16.png" />
+    <link rel="manifest" href="/site.webmanifest">
+    <title>WeekGolf</title>
+  </head>
+  <body style="background-color: black;">
+    <noscript>You need to enable JavaScript to run this app.</noscript>
+    <div id="root"></div>
+
+    <script src="/src/index.tsx" type="module"></script>
+  </body>
+</html>