Michael Blue Portfolio

Elements

Text

This is bold and this is strong. This is italic and this is emphasized. This is superscript text and this is subscript text. This is underlined and this is code: for (;;) { ... }. Finally, this is a link.

Heading Level 2

Heading Level 3

Heading Level 4

Heading Level 5
Heading Level 6

Blockquote

Fringilla nisl. Donec accumsan interdum nisi, quis tincidunt felis sagittis eget tempus euismod. Vestibulum ante ipsum primis in faucibus vestibulum. Blandit adipiscing eu felis iaculis volutpat ac adipiscing accumsan faucibus. Vestibulum ante ipsum primis in faucibus lorem ipsum dolor sit amet nullam adipiscing eu felis.

Preformatted

i = 0;

while (!deck.isInOrder()) {
    print 'Iteration ' + i;
    deck.shuffle();
    i++;
}

print 'It took ' + i + ' iterations to sort the deck.';

Lists

Unordered

  • Dolor pulvinar etiam.
  • Sagittis adipiscing.
  • Felis enim feugiat.

Alternate

  • Dolor pulvinar etiam.
  • Sagittis adipiscing.
  • Felis enim feugiat.

Ordered

  1. Dolor pulvinar etiam.
  2. Etiam vel felis viverra.
  3. Felis enim feugiat.
  4. Dolor pulvinar etiam.
  5. Etiam vel felis lorem.
  6. Felis enim et feugiat.

Icons

Actions

Table

Default

Name Description Price
Item One Ante turpis integer aliquet porttitor. 29.99
Item Two Vis ac commodo adipiscing arcu aliquet. 19.99
Item Three Morbi faucibus arcu accumsan lorem. 29.99
Item Four Vitae integer tempus condimentum. 19.99
Item Five Ante turpis integer aliquet porttitor. 29.99
100.00

Alternate

Name Description Price
Item One Ante turpis integer aliquet porttitor. 29.99
Item Two Vis ac commodo adipiscing arcu aliquet. 19.99
Item Three Morbi faucibus arcu accumsan lorem. 29.99
Item Four Vitae integer tempus condimentum. 19.99
Item Five Ante turpis integer aliquet porttitor. 29.99
100.00

Buttons

  • Disabled
  • Disabled

Form

Featured Projects

PetVoyage.ai Website Preview PetVoyage.ai Website Preview

PetVoyage

VIEW THE CODE ON GITHUB.

I DEVELOPED A FULL-STACK WEB APPLICATION DESIGNED TO SIMPLIFY INTERNATIONAL PET TRAVEL BY CONSOLIDATING AIRLINE AND COUNTRY-SPECIFIC REGULATIONS INTO ONE PLATFORM.

BUILT WITH NODE.JS, EXPRESS, AND MONGODB USING MONGOOSE FOR DATA MODELING. FRONT-END BUILT WITH EJS AND BOOTSTRAP 5. IMPLEMENTED OPENAI API FOR AI-POWERED SUMMARIZATION OF PET REGULATIONS.

FEATURES INCLUDE GOOGLE MAPS AND AMADEUS SDK INTEGRATION, IMAGE MANAGEMENT VIA CLOUDINARY AND MULTER, AND SECURE AUTH USING PASSPORT.JS (GOOGLE OAUTH 2.0).

THIS PROJECT DELIVERS A CLEAN, RESPONSIVE, AI-ENHANCED EXPERIENCE THAT MAKES TRAVELING WITH PETS EASIER THAN EVER.

TableTop Cubes Website Preview

TableTop Cubes

VIEW THE PROJECT ON META APP STORE • VIEW THE CODE ON GITHUB.

I DEVELOPED AN IMMERSIVE VR/AR GAMING APPLICATION THAT REIMAGINES 80’S CLASSIC GAMES THROUGH INTERACTIVE MIXED-REALITY EXPERIENCES. DESIGNED FOR THE META QUEST PLATFORM, THE GAME BLENDS PHYSICAL AND DIGITAL ENVIRONMENTS FOR AN ENGAGING PLAYER EXPERIENCE.

BUILT USING UNITY AND THE META SDK, WITH SUPPORT FROM XR INTERACTION TOOLKIT, OVR INPUT, AND CUSTOM C# SCRIPTS FOR GRID LOGIC, OBJECT MOVEMENT, AND GAMESTATE MANAGEMENT. DESIGNED AND OPTIMIZED 3D MODELS IN BLENDER TO ACHIEVE HIGH PERFORMANCE AND VISUAL FIDELITY.

FEATURES INCLUDE 3D AR GAMEPLAY WITH A MOVABLE BOARD, HAND AND CONTROLLER INTERACTION, DYNAMIC COLLISION AND SCORING SYSTEMS, AND SMOOTH SPATIAL UI INTEGRATION. INCORPORATES DESIGN THINKING PRINCIPLES FOR INTUITIVE AND ENGAGING USER EXPERIENCES.

THE TABLETOP CUBES COLLECTION NOW INCLUDES TWO NEW TITLES — PONGO AND CUBE SNAKE — EACH DELIVERING UNIQUE, RETRO-INSPIRED GAMEPLAY BUILT ON THE SAME IMMERSIVE MIXED-REALITY FRAMEWORK.

View My Game On Itch.io.

Javascript / React Projects

Website Thumbnail

View the code on GitHub.

This project harnessed a robust technology stack to deliver a comprehensive solution. It utilized Cloudinary for efficient image management, JavaScript for interactive front-end functionality, and Mongoose for seamless data modeling. Other dependencies included Mapbox SDK, EJS for templating, and a suite of Express middleware, such as connect-flash, connect-mongo, and express-session, to enhance application performance and security.

Website Thumbnail

View the code on GitHub.

I developed a sophisticated hotel booking site using React and Next.js, enhanced with features like real-time bookings and secure payment integrations via Stripe. The site leverages Sanity.io for content management and includes advanced functionalities such as customizable date picking and dynamic data visualization with Chart.js. The technology stack is rounded out with modern tools like TypeScript and TailwindCSS, ensuring a scalable, maintainable, and user-friendly experience.

Website Thumbnail

View the code on GitHub.

I developed a waitlist application for a soon-to-be-released finance app. The project utilized Mongoose for data modeling and MongoDB for database management. Connect-mongo and express-session were leveraged for secure session handling. The user interface was designed with EJS templating, and Express provided the framework for backend operations. Method-override enhanced HTTP method flexibility, and dotenv ensured secure configuration management.

Website Thumbnail

View the code on GitHub.

I developed a booking service for a barber using JavaScript. This project incorporated Google APIs for streamlined authentication, with dependencies such as @google-cloud/local-auth and google-auth-library ensuring secure and efficient access. The application also relied on Mongoose for data modeling and MongoDB for database management. Express, combined with express-session and method-override, provided a robust framework for backend operations. Additionally, EJS facilitated dynamic templating, and luxon handled date/time processing.

HTML/CSS Projects

Website Thumbnail

View the code on GitHub.

The IP Address Tracker is a web application that locates and displays the geographical location of any IP address or domain on an interactive map. Built using Node.js, Express, and Leaflet.js, it fetches real-time geolocation data from the IP Geolocation API by ipify. The frontend is designed with HTML5, CSS3, and JavaScript, providing a responsive and user-friendly interface. Environment variables are securely managed using the dotenv package. This project demonstrates my proficiency in full-stack development and API integration.

Website Thumbnail

View the code on GitHub.

This playful page was designed for a pop candy museum. Built using HTML and CSS, it features responsive scaling with Flexbox for a dynamic layout.

Website Thumbnail

View the code on GitHub.

This enjoyable project was created for my team at work. Using HTML and CSS, I developed a lively Bingo game for one of our social committee events.

AR / VR Projects

View My Game On Itch.io.

Change your thinking. Reframe is a mixed-reality VR experience that turns your real room into a space for emotional repair. Players destroy physical negative thoughts, watch them gradually reframe into positive affirmations, and complete the experience with a powerful narrated reflection.

View My Game On Itch.io.

ImmerseTalk is an innovative VR and AR application that brings your virtual conversations to life. Utilizing the cutting-edge capabilities of ChatGPT and Meta's SDK for voice and speech, ImmerseTalk offers a fully interactive and immersive experience.

Website Thumbnail

View My Game On Itch.io.

Escape of the Enchanted Beast is an exhilarating adventure game where you guide Lumo, a mystical creature, through a series of dangerous challenges to break free from dark forces.

View My Game On Itch.io.

TableTop Tetris is an innovative twist on the classic Tetris game, bringing the timeless puzzle into a captivating 3D augmented reality (AR) experience. Designed for solo play, TableTop Tetris transforms your coffee table into a dynamic, interactive gaming platform.

Website Thumbnail

View My Game On Itch.io.

Fune VR Space puzzle game where you are in a ship and have to complete tasks in order to move through the ship and fing your was home.

AI Projects

View the code on GitHub.

TRY IT OUT! This project was developed using VITE and React. Leveraging the OpenAI API, I created a dynamic chat application featuring a sassy character that responds to your questions with attitude and flair.