Mark Matanza

----------

I'm a full stack web developer based in San Diego, California. Creative problem solver, solutions architect & impromptu consultant.

Below are some of my pet projects, most are written in HTML, CSS, & Javascript. Others, also sit atop the entire LAMP stack (Linux, Apache, MySQL & PHP).

Aside from learning new frameworks & libraries, I enjoy building things from scratch - a maintainable codebase that is stable yet robust & flexible.

The below projects are private repositories & available upon request for a walk-through. If you wish to see some of my public repositories, they can be found here

GITHUB PROJECTS

----------

PersonalityVerse

View Project

This is my most recent project, although in its very early stages will be an online RPG game based on the sixteen MBTI personality types - each with their own unique class & skill. I am looking to add achievement badges, tokenomics, skills, weapons, & a burning mechanism should I wish to integrate the game with blockchain technology.

Tech Stack

HTML, CSS, Javascript

Frameworks & Libraries

Jquery, Twitter Bootstrap

Features

Dynamic dropdown menu using on change event handler loads data from an object based on selection value.

----------

Personality X

View Project

The motivation behind building the social networking site involved my interest & curiousity behind personality types, cognitive functions which are mostly easily understood based on the the MBTI, or the Myers Briggs Type Indicator.

This project includes a full registration application, search query & a complete profile for registered members to update their information. I wish to merge with PersonalityVerse in the near future.

Tech Stack

HTML, CSS, Javascript, Linux, Apache, PHP, MySQL (LAMP)

Frameworks & Libraries

PHP, Composer, Jquery, NodeJS, Node Package Manager, Twitter Bootstrap, PHP Twig Templating System

Features

Paddle Time Game (Ping Pong) ,


Cycle Time Game (Snake) ,


customizeable color profiles, user search, profile page (update password, forgot password, user registration capabilities), GoogleRecaptcha API

----------

Beardcouragement

View Project

This simple site is intentionally built using one page and anchor links. The only framework or library here is Twitter Bootstrap and some native flex attributes for the main navigation.

Tech Stack

HTML, CSS, Amazon Affiliate Ads

Frameworks & Libraries

Jquery, Twitter Bootstrap

Features

Information about beard products & recommendations

----------

Open Food Near Me

View Project

Wordpress site integrating Google Places API to easily find nearby food spots based on geolocation.

Choose a category from the top menu & listings for the search term are automatically fetched from the Google Places API.

** Please enable/allow browser location for features to work **

Tech Stack

HTML, CSS, Javascript, Wordpress

Frameworks & Libraries

Jquery, Twitter Bootstrap

Features

Google Place API

----------

Project Immerse LLC

View Project

Early 2020, I formed a single member LLC primarily because I enjoyed consulting aside from my curiousity of actually owning a consulting business. I was curious about the process & challenges, in exchange I learned how to wear different hats from content writing, marketing, SEO, web development, tech blog content writing.

Tech Stack

HTML, CSS, Javascript, PHP, Wordpress

Frameworks & Libraries

Twitter Bootstrap

Features

Content writing, personal pet projects & tech blog

----------

Interactive Brain/Map

View Interactive Brain

View Interactive Map

I developed this interactive brain for Achieve Medical Center & sports betting map for Watertalk.com using (SVG) Scalable Vector Graphics and binding events to each node while using Twitter Bootstrap uitilities /techniques to maintain mobile responsiveness.

Tech Stack

HTML, CSS, Javascript, Jquery, SVG

Frameworks & Libraries

Twitter Bootstrap

Features

Responsive brain map on click, on hover modal events, SVG