Alex Strait's Web Development Portfolio

Math Facts App (beta)

My son was having a hard time getting through the painstaking process of learning his math facts. So we decided to program an app that makes the process more interesting.

Core Features:

  • Practice Mode: users can select a base number and are shown a sheet of interactable flash cards 1-12.
  • Number Pad: users choose answers using a standard number pad.
  • Quizzes: users can set up a custom quiz for base numbers of their choosing.
  • Random Quiz Sets: each quiz is a set of questions for user selected base numbers in a random order.
  • Quiz Question Timer: each question in a quiz is given with a shrinking timer bar based on a user selected countdown.
  • Quiz Results: each quiz ends with a results page that details their score, total time and average question time.
  • Saved Question Time: each question users take in a quiz is saved and the best times are recorded and displayed.
  • Past Quizzes: users can view, delete and retake quizzes attempting to beat their past scores and times.
  • Sound: various sounds play such as a correct sound or when a user gets a high score on a quiz.
  • Responsive: works on Desktop and mobile both Android and iOS.
  • PWA: installable and usable offline from all the latest versions of Chromium and Safari browsers.

Chess App (alpha)

I really wanted to do a project that would help me get a firm grasp on vanilla javascript. So I decided to make chess. The app is a multi-user interactive experience where users drag and drop elements onto specific points on the page. This app requires TWO devices to use (you could also use two browser sessions if you want too).

Core Features:

  • Chess board: markup of an 8x8 checkered board that can be interacted with by javascript.
  • Movable Pieces: all chess pieces, black and white, that are movable and capturable by users set up in their default positions.
  • Chess Special Rules: game supports all chess special moves such as castling, pawn promotions and en passant.
  • Move Validation: users can only make valid moves which are shown as highlighted squares.
  • Checking: users can put their opponents in check and are not allowed to place their own king in check.
  • Game Controls: users can quit and restart games.
  • Responsive: works on Desktop and mobile both Android and iOS.

Shastawildlife.org (live)

I volunteered to build a website for the non profit Shasta Wildlife Rescue & Rehabilitation. It’s used mainly as a simple guide for people who find injured animals and directs them to expert help.

Core Features:

  • Responsive nav: the menu has a hamburger mobile version and expands to a dropdown menu on larger screens.
  • WPForms Integration: the website’s contact form is administered through WPForms in the WordPress admin.
  • NextGen Images: image galleries on the site open up an image cycling interface. The image content is controlled through the NextGen plugin in WordPress admin.
  • Gutenberg Integration: the WordPress theme leverages the functionality of the WordPress gutenberg editor.
  • Content Management: All content is managed through the WordPress admin interface.