Portfolio

SGN Native

React Native Tailwind

SGN Native is a React Native app for the Stonewall Gaming Network. It provides a mobile-friendly interface for members view the activity dashboard, profile pages and post notes. The app is built with React Native and uses Tailwind CSS for styling.

ianmwalker.com

HTML JS Bootstrap

A professional portfolio website for Ian Walker, a voice over artist. The site showcases his work, skills and experience in a clean and modern design. It displays an album of his work and integrated player to listen to his voice over samples. The design is responsive and uses Bootstrap 5 for layout and styling.

Ian Walker Portfolio screenshot Ian Walker Portfolio screenshot

Ship Explorer

React JSON API Bootstrap

Ship Explorer is a React app that allows users to search and filter a list of starships from the Star Trek Online MMORPG. The projects started by writing a scrapper to gather all ship data and load into a database. The website uses a simple JSON API written in PHP to provide data to the app.

Member Ops screenshot Member Ops screenshot

Member Ops

Ember.js REST Bootstrap

Member Ops is a custom membership manager for SGN. It's a SPA written in Ember.js 2.4 and Bootstrap 4 with a custom REST-based JSON API. The API is written in Anahita, a PHP social website platform.

  • UsernameTestUser
  • Usernametestuser123
Member Ops screenshot Member Ops screenshot

Letter Animation

SVG Anime.js

An experiment with creating an animated letter. The original source letter was broken into separate pieces and animated individually. An additional path was created for the inner circle to animate across and transform as it closes to the edges.

See the Pen Untitled by NicholasJohn16 (@NicholasJohn16) on CodePen.

Stonewall Gaming Network

PHP Anahita Bootstrap Link to SGN

An Anahita-based social media website, written in PHP, with over 7,000 members. Forums, events and other community features have been added to better serve the community. The template is a completely customized Bootstrap 4 theme.

SGN landing page SGN landing page

Hacker News App

React Git Respository Link for Bingo Link to Hacker News Demo

Hacker News viewer I wrote as an experiment in learning React and it's API. Uses fetch to load posts from Hacker News API.

Hacker News screenshot

Bingo Game

PHP Git Respository Link for Bingo Link to Bingo Demo

Simple multiplayer Bingo game written in PHP. Uses seeds to keep track of state. Admin panel to track users, clues and check bingos!

Bingo Card screenshot