About OffsideFPL

OffsideFPL is a fresh take on Fantasy Premier League (FPL), designed to raise the stakes in your mini leagues! Each week, managers compete to climb the leaderboard while avoiding suspension. You, as a manager, will receive a yellow card if any player in your starting XI commits one of the following actions:

• Misses a penalty
• Scores an own goal
• Receives a red card

You can carry a yellow card indefinitely. However, if you pick up two, you will receive a red card and be suspended for the next game week, resulting in 0 points for that week. You can "clear" a yellow card by submitting a fine approved by your league admin. Make sure to submit your fines before picking up a second yellow card, as submissions will lock once you do! After serving your suspension, your cards reset to zero.

Another objective is winning a game week. If you score the highest points in a week (provided you aren't suspended), you can choose one member to receive a yellow card. If the chosen member already has a yellow card, they will receive a red card (friendships may be tested). Alternatively, you can randomly pick three members to receive a yellow card, but there's a catch—you might pick yourself in the random nomination.

Lastly, each player receives one reverse card per season. This card can be used at any point to reverse a yellow card back to the nominator.

OffsideFPL was created using the Bytesize template repository, which can be found here. If you would like to contribute to OffsideFPL or Bytesize, both are open source!

Features

• Preconfigured Pocketbase Backend: Easily manage your backend with Pocketbase.
• Modern Frontend Stack: Utilizes Templ, HTMX, Tailwind CSS, and DaisyUI for a seamless and responsive user interface.
• Hot Reloading: Air is preconfigured to enable hot reloading in the browser, enhancing your development workflow.

Prerequisites

Before you begin, ensure you have the following installed:

1. Go: Download Go

2. Node and NPM: Download Node.js and NPM

3. Air: Install Air with the following command:

   curl -sSfL https://raw.githubusercontent.com/air-verse/air/master/install.sh | sh -s -- -b $(go env GOPATH)/bin

   Then, alias Air (if Air is not found):

   alias air='$(go env GOPATH)/bin/air'

4. Templ: Install Templ with the following command:

   Note: You may need to run the templ generate --watch --proxy="http://localhost:3000" --open-browser=true command manually the first time before using the makefile command.

   go install github.com/a-h/templ/cmd/templ@latest

   Add the Go path to your shell configuration file (~/.bashrc or ~/.zshrc):

   export PATH=$PATH:$(go env GOPATH)/bin

   Source the file:

   source ~/.bashrc
   # or
   source ~/.zshrc

   Check the Templ version:

   templ --version

5. TailwindCSS: Install TailwindCSS with NPM:

   npm install -D tailwindcss

   Initialize TailwindCSS:

   npx tailwindcss init

Getting Started

To get started with Bytesize, follow these steps:

1. Clone the Repository:

   git clone https://github.com/cmcd97/bytesize.git
   cd bytesize

2. Install Dependencies:

   go mod tidy
   npm install

3. Run the Application in Development Mode:

   in separate terminals:

   air

   make templ

   make css

4. Run the Application in Production Mode:

   make run

5. Build the Binary:

   If you just want to build the binary you will find an app binary in the ./bin directory after running this command

   make build