This project is a Tic Tac Toe web application that uses the following technologies:
- Web components.
- Service worker.
- Progressive web application.
- ES2015+ (also known as ES6+).
- ES Modules:
- For browsers that support ES Modules natively.
- A bundle file:
- As a fallback for browsers that don't support ES Modules.
- A responsive design.
- 3D CSS animations.
- SVG images.
- SCSS
Some of the open source projects used to build this application are:
In order to run this application you must first clone this repository and install all NPM dependencies by executing the following commands in your terminal:
git clone https://github.com/serg-io/tic-tac-toe.git
cd tic-tac-toe
npm install
Execute the following command to start running the application in development mode:
npm run dev
Once the application is running, you can access it by going to http://localhost:3000/ using your web browser.
Execute the following command to start running the application using a production build of the code:
NODE_ENV=production npm start
The production mode runs on the same port as the development mode (3000). When running in production mode, this application is meant to be proxied through a server like Apache or Nginx or perhaps a load balancer. A proxy server would allow you to serve a gzip compressed version of the code through an HTTP/2 connection.