write readme

README.md

@@ -1 +1,51 @@
-# tic-tac-toe
+# Tic Tac Club
+###  [Check out the live demo](https://fedelopez17.github.io/tic-tac-toe/)! :smile: :soccer: :trophy:
+
+## Description:
+This project is part of [The Odin Project's curriculum](https://www.theodinproject.com/paths).<br>
+Seeing as tic tac toes are a rather hackneyed project, I tried to give it my own unique spin.<br>
+With Tic Tac Club you can choose from over 450 real life national teams and clubs to play a tic tac toe match.<br>
+Matches may be played either against a human friend or a computer-controlled opponent with varying degrees of difficulty.<br>
+Admittedly, there are many things that could be improved or fine-tuned, but I'm quite happy with how it turned out.
+
+## How it looks:
+
+### Video Demonstration:
+https://user-images.githubusercontent.com/95712292/190245329-be4862d0-4524-4b0e-92e0-51b610e53566.mp4
+
+### Screenshots:
+<details>
+  <summary>See screenshots</summary>
+  <img src="https://user-images.githubusercontent.com/95712292/190245525-30b586cb-5237-4f85-96d7-58b8797432a8.png" name="First screen">
+  <img src="https://user-images.githubusercontent.com/95712292/190245567-587f1a73-9f61-4400-9e24-3992ef2e1db6.png" name="Initial setup screen">
+  <img src="https://user-images.githubusercontent.com/95712292/190245632-a0081641-9080-4b6b-ae9c-caa6b44d5220.png" name="Category selector">
+  <img src="https://user-images.githubusercontent.com/95712292/190245673-fb2b6228-2bde-49bc-93d2-e94f73f6b31f.png" name="Continent selector">
+  <img src="https://user-images.githubusercontent.com/95712292/190245696-074cfcb7-4ae7-41ec-aba9-60add582072f.png" name="League selector">
+  <img src="https://user-images.githubusercontent.com/95712292/190245723-f2f287a5-a2d2-40f6-b439-6cc64a779774.png" name="Club selector">
+  <img src="https://user-images.githubusercontent.com/95712292/190245733-834f72d0-00ad-4349-9b7a-6512cd06d8f8.png" name="Chosen clubs">
+
+  <img src="https://user-images.githubusercontent.com/95712292/190245753-692f6638-bc3e-4f47-83c0-ed025debfd1a.png" name="Coin flip">
+  <img src="https://user-images.githubusercontent.com/95712292/190245772-be63fed7-bb1f-4aa8-ab36-4652b66c2bf1.png" name="Coin flip result">
+  <img src="https://user-images.githubusercontent.com/95712292/190245818-014487ca-f8aa-42f3-991f-2fa975bdf323.png" name="Ongoing match">
+  <img src="https://user-images.githubusercontent.com/95712292/190245833-a2e6daf4-d454-4b55-8191-279d9c4cb47f.png" name="Match result">
+</details>
+
+
+## Technologies used:
+![HTML5](https://img.shields.io/badge/html5-%23E34F26.svg?style=for-the-badge&logo=html5&logoColor=white)
+
+![CSS3](https://img.shields.io/badge/css3-%231572B6.svg?style=for-the-badge&logo=css3&logoColor=white)
+
+![JavaScript](https://img.shields.io/badge/javascript-%23323330.svg?style=for-the-badge&logo=javascript&logoColor=%23F7DF1E)
+
+## New things learned:
+- Factory functions.
+- Module pattern.
+- Basics of the Audio Web API.
+- How things can easily take longer than expected.
+- How to split code in smaller very specific files.
+
+## Areas for improvement:
+- Add more teams.
+- Make it look nice across different screen sizes.
+- Add away kits so that when two teams have the same kit color, the visitor teams place with their away kit.