JavaScript-Game-TicTacToe

Preview the project on the webpage: TicTacToe

Overview

---

A Tic Tac Toe game designed by JavaScript. Animated by JavaScript + CSS3.

This project is for my personal JS/CSS/HTML learning purpose. All the SVGs and animations are created by my own.

🔮 Overview of the files

---

📂 asset	Folder containning static files and source code for development
📂 build	Packed files built by gulpfiles.js, containing the filnal files to be used as the web page
📃 gulpfile.js	Gulp config file to build the project into dist folder

File size

Total	Font	JS	CSS	Images	HTML
55.1 KB	16.2 KB	4.21 KB	9.91 KB	23 KB	1.72 KB

💡 Design

---

♦ SVG

SVGs are designed using the tools from website Figma.

Marks:

Cursors:

✒ Font

For font, I'm using KGRedHands.

Considering that only a small portion of font characters are used, I used font-spider to reduce the font file size.

🔧 Tools

---

• JavaScript
• HTML
• CSS / SASS
• gulp (Build tool)
  • gulp-sass, gulp-postcss, gulp-imagemin, gulp-htmlmin, gulp-font-spider, ...
• Figma (SVG Design)
• FontAwsome (Github/LinkedIn Icon)

💁‍♂️ Author

---

• LinkedIn - GP
• Github - RedCarpG