Welcome to the Github repo for my personal website! Check the site itself out at robowenking.com.
This website is built with a Rails backend and a PostgreSQL database (when I've needed a db). The front-end is (so far) plain HTML, vanilla JavaScript and Sass.
There's a whole load of browser-based toys and tools, plus links to projects I have hosted elsewhere. Below are a few highlights, plus links to the most important code on GitHub.
A daily numbers game, distantly inspired by the Wordle craze. Built with React.
One of my first React apps, it allows users to explore a wide range of data relating to Hanzi (Chinese characters).
Colour Translator - js, colour_translator.html.erb
Convert between RGB, HSL and Hex colours. Explore the colour space and see how the different formats relate to each other.
Roman Numerals Calculator - roman_calculator.js, roman_calculator.html.erb
A project I built entirely by myself before starting my development bootcamp. It's a calculator (addition, subtraction, multiplication, etc) using Roman numerals. Easy as I, II, III...
Tetr-ish - tetris.js, tetris_pieces.js, tetris.html.erb, tetris_scores_controller.rb
It's Tetris with a couple of minor tweaks using the HTML5 Canvas. There's also an online leaderboard players can submit their scores to.
Game of Life - game_of_life.js, game_of_life_pieces.js, game_of_life.html.erb
Yet another HTML5 Canvas implementation of Conway's Game of Life. I use colour to represent the age of cells and provide a whole bunch of built-in patterns for users to place in the grid.
Current requirements: Ruby 2.6.6 and Rails 5.2.6.3
To run a local version of the site (for testing or development):
- Clone this repo:
gh repo clone RobOwenKing/personal_site - Run
bundle installandyarn installto install all dependencies - Setup the database with
rake db:createandrake db:migrate
Tests are found in /spec (not /test). Requirements: Chrome (used as headless browser for system tests)
Run all with rake spec