https://github.com/ourouimed/group-stage-draw

This a simple Group stage football competiton Random draw Application Using HTML , CSS & JS
https://github.com/ourouimed/group-stage-draw

css draw football html js random

Last synced: about 1 month ago
JSON representation

This a simple Group stage football competiton Random draw Application Using HTML , CSS & JS

• Host: GitHub
• URL: https://github.com/ourouimed/group-stage-draw
• Owner: Ourouimed
• Created: 2024-12-15T14:14:04.000Z (about 1 month ago)
• Default Branch: main
• Last Pushed: 2024-12-17T16:23:43.000Z (about 1 month ago)
• Last Synced: 2024-12-17T17:28:52.431Z (about 1 month ago)
• Topics: css, draw, football, html, js, random
• Language: JavaScript
• Homepage: https://ourouimed.github.io/group-stage-draw/
• Size: 91.8 KB
• Stars: 1
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# Football Group stage Draw 

![Screenshot 1](./images/screenShot1.png)

![Screenshot 2](./images/screenShot2.png)

![Screenshot 3](./images/screenShot3.png)

This a simple Group stage football competiton Random draw Application Using HTML , CSS & JS

## installation

1 - clone or download this repo

```bach 

git clone 'https://github.com/Ourouimed/group-stage-draw.git'

```

2 - on main.js file Edit teams if you want betweens "" on each pot in `Pots` Object (line : 13) ex :

```bach 

let Pots = {

    "Pot1" : [

        "Real Madrid",

        "Barcelona" , 

        "Man City" , 

        "Liverpool"

    ],

    ...

```

3 - Open index.html file

## usage 

- Create a random group stage draw

- each group will had 4 team 1 team from each pot

- teams in the same pot can't be in the same group 

## demo 

For Live preview [click here](https://ourouimed.github.io/group-stage-draw)