/SOFT166-Practice

Grade: 87.5%. Practice element of the SOFT166 module by Khodadad (Adrian) Nouchin. A Tic-Tac-Toe game using Philips Hue smart bulbs.

Primary LanguageHTML

SOFT166 Practice (P1/W1)

Practice element of the SOFT166 module. A Tic-Tac-Toe game using Philips Hue smart bulbs.


What is this?

I call it Tic-Tac-Hue. It's a web-based Tic-Tac-Toe game that uses Philips Hue smart bulbs through the Hue API, along with jQuery AJAX requests to function.

Fact Sheet

The fact sheet is in PDF format.

Can I see it in action?

Yes. You can watch a video demo of it, or you can download it and use it yourself.

Does it have copyrighted content?

No. The code's written by myself, with the exception of jQuery itself of course, and the favicon is also a custom one I made using Photoshop and an icon glyph from Font Awesome, which is completely royalty free for both personal and commercial use. It also contains SVG paths derived from Font Awesome that are used for the UI.

Credits

jQuery: https://jquery.com/

Font Awesome: https://fontawesome.com/

Notice

This was made as part of a university assignment. For a more complex example of my coding, please see other projects such as X:/Anonymous or X:/OS.


Planning

You can view the planning for this web app by looking at its Trello project board.

Testing

Chrome

Menu

Responsiveness

Interacting With The Game Board

Overflow Scrolling

Inputs

Firefox

Menu

Responsiveness

Interacting With The Game Board

Overflow Scrolling

Inputs

Safari

Menu

Responsiveness

Interacting With The Game Board

Overflow Scrolling

Inputs

Web Accessibility Initiative

Home Page

About Page

Application Page

Screenshots

Light Mode Home Page

Light Mode Application Page

Dark Mode Home Page

Dark Mode Application Page