Portfolio of software projects — web apps, tools, and engineering work by idmontie.

Projects - idmontie's Portfolio

"use strict";
const {Fragment: _Fragment, jsx: _jsx, jsxs: _jsxs} = arguments[0];
function _createMdxContent(props) {
  const _components = {
    img: "img",
    p: "p",
    ...props.components
  };
  return _jsxs(_Fragment, {
    children: [_jsx(_components.p, {
      children: "During my time at Coushsurfing, I architected and built Couchsurfing’s next-generation web platform, establishing a modern React, TypeScript, Next.js, Nx, and Node/NestJS architecture to support the company’s transition from its legacy application stack."
    }), "\n", _jsx(_components.p, {
      children: "Couchsurfing is a global travel platform that connects travelers with local hosts who open their homes to guests for free, creating opportunities for cultural exchange and shared experiences. The platform supports real-time messaging, trip and stay management, host discovery, local events, and destination-specific community experiences. Users could communicate via real-time chat, powered by Stream. This was an enormous improvement over the legacy version of inbox style messaging."
    }), "\n", _jsx(_components.p, {
      children: _jsx(_components.img, {
        src: "/media/2026-08-24-couchsurfing/couchsurfing-location.png",
        alt: "Location page"
      })
    }), "\n", _jsx(_components.p, {
      children: "Location pages were powered by merging data from different data sources, including external APIs for weather, timezone, and safety information. We used Mapbox for maps, Flickr for images, and pulled together localized details from our headless-CMS. Users could use location pages to find hosts, travelers, local events, and related communities. Events included those hosted by Couchsurfing users, and those sourced from third-parties."
    }), "\n", _jsx(_components.p, {
      children: _jsx(_components.img, {
        src: "/media/2026-08-24-couchsurfing/couchsurfing-events.png",
        alt: "Events page"
      })
    }), "\n", _jsx(_components.p, {
      children: "Our events features allowed users to organize events at a given time and place, see who was going and who was interested, and have discussions about the events."
    }), "\n", _jsx(_components.p, {
      children: _jsx(_components.img, {
        src: "/media/2026-08-24-couchsurfing/couchsurfing-trips.png",
        alt: "Trips page"
      })
    }), "\n", _jsx(_components.p, {
      children: "All of the location details, host information, and events could be managed via trips."
    })]
  });
}
function MDXContent(props = {}) {
  const {wrapper: MDXLayout} = props.components || ({});
  return MDXLayout ? _jsx(MDXLayout, {
    ...props,
    children: _jsx(_createMdxContent, {
      ...props
    })
  }) : _createMdxContent(props);
}
return {
  default: MDXContent
};


During my time at Coushsurfing, I architected and built Couchsurfing’s next-generation web platform, establishing a modern React, TypeScript, Next.js, Nx, and Node/NestJS architecture to support the company’s transition from its legacy application stack.
Couchsurfing is a global travel platform that connects travelers with local hosts who open their homes to guests for free, creating opportunities for cultural exchange and shared experiences. The platform supports real-time messaging, trip and stay management, host discovery, local events, and destination-specific community experiences. Users could communicate via real-time chat, powered by Stream. This was an enormous improvement over the legacy version of inbox style messaging.
<img alt="Location page" loading="lazy" width="1" height="1" decoding="async" data-nimg="1" class="mx-auto block !h-auto !w-auto max-h-[500px] max-w-full" style="color:transparent;width:auto;height:auto;max-width:100%;max-height:500px;margin:auto" src="/media/2026-08-24-couchsurfing/couchsurfing-location.png"/>
Location pages were powered by merging data from different data sources, including external APIs for weather, timezone, and safety information. We used Mapbox for maps, Flickr for images, and pulled together localized details from our headless-CMS. Users could use location pages to find hosts, travelers, local events, and related communities. Events included those hosted by Couchsurfing users, and those sourced from third-parties.
<img alt="Events page" loading="lazy" width="1" height="1" decoding="async" data-nimg="1" class="mx-auto block !h-auto !w-auto max-h-[500px] max-w-full" style="color:transparent;width:auto;height:auto;max-width:100%;max-height:500px;margin:auto" src="/media/2026-08-24-couchsurfing/couchsurfing-events.png"/>
Our events features allowed users to organize events at a given time and place, see who was going and who was interested, and have discussions about the events.
<img alt="Trips page" loading="lazy" width="1" height="1" decoding="async" data-nimg="1" class="mx-auto block !h-auto !w-auto max-h-[500px] max-w-full" style="color:transparent;width:auto;height:auto;max-width:100%;max-height:500px;margin:auto" src="/media/2026-08-24-couchsurfing/couchsurfing-trips.png"/>
All of the location details, host information, and events could be managed via trips.


During my time at Coushsurfing, I architected and built Couchsurfing’s next-generation web platform, establishing a modern React, TypeScript, Next.js, Nx, and Node/NestJS architecture to support the company’s transition from its legacy application stack.

Couchsurfing is a global travel platform that connects travelers with local hosts who open their homes to guests for free, creating opportunities for cultural exchange and shared experiences. The platform supports real-time messaging, trip and stay management, host discovery, local events, and destination-specific community experiences. Users could communicate via real-time chat, powered by Stream. This was an enormous improvement over the legacy version of inbox style messaging.

![Location page](/media/2026-08-24-couchsurfing/couchsurfing-location.png)

Location pages were powered by merging data from different data sources, including external APIs for weather, timezone, and safety information. We used Mapbox for maps, Flickr for images, and pulled together localized details from our headless-CMS. Users could use location pages to find hosts, travelers, local events, and related communities. Events included those hosted by Couchsurfing users, and those sourced from third-parties.

![Events page](/media/2026-08-24-couchsurfing/couchsurfing-events.png)

Our events features allowed users to organize events at a given time and place, see who was going and who was interested, and have discussions about the events.

![Trips page](/media/2026-08-24-couchsurfing/couchsurfing-trips.png)

All of the location details, host information, and events could be managed via trips.


Architected and implemented the next-generation tech stack for Couchsurfing.com.


Couchsurfing

"use strict";
const {jsx: _jsx} = arguments[0];
function _createMdxContent(props) {
  const _components = {
    p: "p",
    ...props.components
  };
  return _jsx(_components.p, {
    children: "Dive into the dynamic world of the WAX blockchain with this comprehensive tutorial series. From creating unique non-fungible tokens (NFTs) using AtomicAssets and crafting simple \"Hello World\" contracts, to deploying intricate guestbook contracts both locally and on the testnet, these tutorials provide a step-by-step guide to harnessing the full potential of WAX. Whether you're a developer eager to explore decentralized applications or an enthusiast curious about digital assets, this series offers invaluable insights into the robust capabilities of the WAX platform."
  });
}
function MDXContent(props = {}) {
  const {wrapper: MDXLayout} = props.components || ({});
  return MDXLayout ? _jsx(MDXLayout, {
    ...props,
    children: _jsx(_createMdxContent, {
      ...props
    })
  }) : _createMdxContent(props);
}
return {
  default: MDXContent
};


Dive into the dynamic world of the WAX blockchain with this comprehensive tutorial series. From creating unique non-fungible tokens (NFTs) using AtomicAssets and crafting simple &quot;Hello World&quot; contracts, to deploying intricate guestbook contracts both locally and on the testnet, these tutorials provide a step-by-step guide to harnessing the full potential of WAX. Whether you&#x27;re a developer eager to explore decentralized applications or an enthusiast curious about digital assets, this series offers invaluable insights into the robust capabilities of the WAX platform.


Dive into the dynamic world of the WAX blockchain with this comprehensive tutorial series. From creating unique non-fungible tokens (NFTs) using AtomicAssets and crafting simple "Hello World" contracts, to deploying intricate guestbook contracts both locally and on the testnet, these tutorials provide a step-by-step guide to harnessing the full potential of WAX. Whether you're a developer eager to explore decentralized applications or an enthusiast curious about digital assets, this series offers invaluable insights into the robust capabilities of the WAX platform.

My e-book on WAX Smart Contract development that guides developers through the process of creating a non-fungible token (NFT) smart contract.


Interactive Smart Contracts on WAX

"use strict";
const {Fragment: _Fragment, jsx: _jsx, jsxs: _jsxs} = arguments[0];
function _createMdxContent(props) {
  const _components = {
    p: "p",
    ...props.components
  };
  return _jsxs(_Fragment, {
    children: [_jsx(_components.p, {
      children: "This is a 22 part series on DevTo that goes through the entire process of creating\na WAX Smart Contract that interacts with AtomicAssets and the WAX RNG Oracle."
    }), "\n", _jsx(_components.p, {
      children: "It is a great introduction to WAX smart contract development and the WAX ecosystem."
    })]
  });
}
function MDXContent(props = {}) {
  const {wrapper: MDXLayout} = props.components || ({});
  return MDXLayout ? _jsx(MDXLayout, {
    ...props,
    children: _jsx(_createMdxContent, {
      ...props
    })
  }) : _createMdxContent(props);
}
return {
  default: MDXContent
};


This is a 22 part series on DevTo that goes through the entire process of creating
a WAX Smart Contract that interacts with AtomicAssets and the WAX RNG Oracle.
It is a great introduction to WAX smart contract development and the WAX ecosystem.


This is a 22 part series on DevTo that goes through the entire process of creating
a WAX Smart Contract that interacts with AtomicAssets and the WAX RNG Oracle.

It is a great introduction to WAX smart contract development and the WAX ecosystem.


WAX smart contract development course that guides developers through the process of creating a non-fungible token (NFT) smart contract.


WAX C++ NFT Tutorial

"use strict";
const {Fragment: _Fragment, jsx: _jsx, jsxs: _jsxs} = arguments[0];
function _createMdxContent(props) {
  const _components = {
    img: "img",
    p: "p",
    ...props.components
  };
  return _jsxs(_Fragment, {
    children: [_jsx(_components.p, {
      children: "While at Lacework, I worked on implementing entire new product lines for their cloud security offerings. This included architecting, implementing, and continuously delivering new features for Alerting, Identity Management, Resource Management, and Vulnerability Management on the web UI."
    }), "\n", _jsx(_components.p, {
      children: "My work included revamping the entire web application from the old application design which was created ad-hoc, into a modern and more structured design created by our UX team. As a front-end team\nwe worked closely with the UX team to ensure the new design was implemented correctly and that the user experience was improved. The application was built with React and Typescript, and the component\nlibrary we build our design system on top of was Ant Design."
    }), "\n", _jsx(_components.p, {
      children: _jsx(_components.img, {
        src: "/media/2023-08-04-lacework/lacework-statistics.png",
        alt: "Lacework Statistics"
      })
    }), "\n", _jsx(_components.p, {
      children: "The landing page would show a summary of the user's cloud security posture, including a summary of the user's cloud security risks, and a summary of the user's cloud security compliance."
    }), "\n", _jsx(_components.p, {
      children: _jsx(_components.img, {
        src: "/media/2023-08-04-lacework/lacework-cloud-compliance.png",
        alt: "Lacework Cloud Compliance"
      })
    }), "\n", _jsx(_components.p, {
      children: "The Cloud Compliance page would show a summary grouped by different metrics, such as cloud, assessments, and compliance status. The top of the page would show a summary of that group, along with\nany filters that were applied to the data that the user can change."
    }), "\n", _jsx(_components.p, {
      children: _jsx(_components.img, {
        src: "/media/2023-08-04-lacework/lacework-cloud-assessments.png",
        alt: "Lacework Cloud Assessment"
      })
    }), "\n", _jsx(_components.p, {
      children: "Below the summary, we would show different assessments that the user can investigate to improve their cloud security posture.."
    }), "\n", _jsx(_components.p, {
      children: _jsx(_components.img, {
        src: "/media/2023-08-04-lacework/lacework-polygraph.png",
        alt: "Lacework Polygraph"
      })
    }), "\n", _jsx(_components.p, {
      children: "One of the first visualizations built at Lacework was the Polygraph, which was a visualization of all the different entities in a user's cloud environment, even across different cloud platforms and machines."
    })]
  });
}
function MDXContent(props = {}) {
  const {wrapper: MDXLayout} = props.components || ({});
  return MDXLayout ? _jsx(MDXLayout, {
    ...props,
    children: _jsx(_createMdxContent, {
      ...props
    })
  }) : _createMdxContent(props);
}
return {
  default: MDXContent
};


While at Lacework, I worked on implementing entire new product lines for their cloud security offerings. This included architecting, implementing, and continuously delivering new features for Alerting, Identity Management, Resource Management, and Vulnerability Management on the web UI.
My work included revamping the entire web application from the old application design which was created ad-hoc, into a modern and more structured design created by our UX team. As a front-end team
we worked closely with the UX team to ensure the new design was implemented correctly and that the user experience was improved. The application was built with React and Typescript, and the component
library we build our design system on top of was Ant Design.
<img alt="Lacework Statistics" loading="lazy" width="1" height="1" decoding="async" data-nimg="1" class="mx-auto block !h-auto !w-auto max-h-[500px] max-w-full" style="color:transparent;width:auto;height:auto;max-width:100%;max-height:500px;margin:auto" src="/media/2023-08-04-lacework/lacework-statistics.png"/>
The landing page would show a summary of the user&#x27;s cloud security posture, including a summary of the user&#x27;s cloud security risks, and a summary of the user&#x27;s cloud security compliance.
<img alt="Lacework Cloud Compliance" loading="lazy" width="1" height="1" decoding="async" data-nimg="1" class="mx-auto block !h-auto !w-auto max-h-[500px] max-w-full" style="color:transparent;width:auto;height:auto;max-width:100%;max-height:500px;margin:auto" src="/media/2023-08-04-lacework/lacework-cloud-compliance.png"/>
The Cloud Compliance page would show a summary grouped by different metrics, such as cloud, assessments, and compliance status. The top of the page would show a summary of that group, along with
any filters that were applied to the data that the user can change.
<img alt="Lacework Cloud Assessment" loading="lazy" width="1" height="1" decoding="async" data-nimg="1" class="mx-auto block !h-auto !w-auto max-h-[500px] max-w-full" style="color:transparent;width:auto;height:auto;max-width:100%;max-height:500px;margin:auto" src="/media/2023-08-04-lacework/lacework-cloud-assessments.png"/>
Below the summary, we would show different assessments that the user can investigate to improve their cloud security posture..
<img alt="Lacework Polygraph" loading="lazy" width="1" height="1" decoding="async" data-nimg="1" class="mx-auto block !h-auto !w-auto max-h-[500px] max-w-full" style="color:transparent;width:auto;height:auto;max-width:100%;max-height:500px;margin:auto" src="/media/2023-08-04-lacework/lacework-polygraph.png"/>
One of the first visualizations built at Lacework was the Polygraph, which was a visualization of all the different entities in a user&#x27;s cloud environment, even across different cloud platforms and machines.


While at Lacework, I worked on implementing entire new product lines for their cloud security offerings. This included architecting, implementing, and continuously delivering new features for Alerting, Identity Management, Resource Management, and Vulnerability Management on the web UI.

My work included revamping the entire web application from the old application design which was created ad-hoc, into a modern and more structured design created by our UX team. As a front-end team
we worked closely with the UX team to ensure the new design was implemented correctly and that the user experience was improved. The application was built with React and Typescript, and the component
library we build our design system on top of was Ant Design.

![Lacework Statistics](/media/2023-08-04-lacework/lacework-statistics.png)

The landing page would show a summary of the user's cloud security posture, including a summary of the user's cloud security risks, and a summary of the user's cloud security compliance.

![Lacework Cloud Compliance](/media/2023-08-04-lacework/lacework-cloud-compliance.png)

The Cloud Compliance page would show a summary grouped by different metrics, such as cloud, assessments, and compliance status. The top of the page would show a summary of that group, along with
any filters that were applied to the data that the user can change.

![Lacework Cloud Assessment](/media/2023-08-04-lacework/lacework-cloud-assessments.png)

Below the summary, we would show different assessments that the user can investigate to improve their cloud security posture..

![Lacework Polygraph](/media/2023-08-04-lacework/lacework-polygraph.png)

One of the first visualizations built at Lacework was the Polygraph, which was a visualization of all the different entities in a user's cloud environment, even across different cloud platforms and machines.



Lacework

"use strict";
const {jsx: _jsx} = arguments[0];
function _createMdxContent(props) {
  const _components = {
    p: "p",
    ...props.components
  };
  return _jsx(_components.p, {
    children: "Sora was written to quickly send comments in code to OpenAI, and then write\nthe result back into the file. The best improvement here is being able to reference\ncode relative to the file you are working on."
  });
}
function MDXContent(props = {}) {
  const {wrapper: MDXLayout} = props.components || ({});
  return MDXLayout ? _jsx(MDXLayout, {
    ...props,
    children: _jsx(_createMdxContent, {
      ...props
    })
  }) : _createMdxContent(props);
}
return {
  default: MDXContent
};


Sora was written to quickly send comments in code to OpenAI, and then write
the result back into the file. The best improvement here is being able to reference
code relative to the file you are working on.


Sora was written to quickly send comments in code to OpenAI, and then write
the result back into the file. The best improvement here is being able to reference
code relative to the file you are working on.


OpenAI integration for writing entire code files


Sora

"use strict";
const {jsx: _jsx} = arguments[0];
function _createMdxContent(props) {
  const _components = {
    p: "p",
    ...props.components
  };
  return _jsx(_components.p, {
    children: "Persato was a platform that allowed users to initiate video calls, record\nsessions, get automated transcripts, and more. This was all embedded within\na rich text editor that allowed users to take notes and collaborate with others."
  });
}
function MDXContent(props = {}) {
  const {wrapper: MDXLayout} = props.components || ({});
  return MDXLayout ? _jsx(MDXLayout, {
    ...props,
    children: _jsx(_createMdxContent, {
      ...props
    })
  }) : _createMdxContent(props);
}
return {
  default: MDXContent
};


Persato was a platform that allowed users to initiate video calls, record
sessions, get automated transcripts, and more. This was all embedded within
a rich text editor that allowed users to take notes and collaborate with others.


Persato was a platform that allowed users to initiate video calls, record
sessions, get automated transcripts, and more. This was all embedded within
a rich text editor that allowed users to take notes and collaborate with others.

Customer interview platform enhanced with AI


Clarity Hub Persato

"use strict";
const {jsx: _jsx} = arguments[0];
function _createMdxContent(props) {
  const _components = {
    p: "p",
    ...props.components
  };
  return _jsx(_components.p, {
    children: "Dark Emblem was a WAX Blockchain project that used Smart Contracts and AtomicAssets\nto create an interactive Card Game on the blockchain. Users could purchase packs\nwith WAX, open those packs through the UI, and dynamically created images for\neach NFT would be created."
  });
}
function MDXContent(props = {}) {
  const {wrapper: MDXLayout} = props.components || ({});
  return MDXLayout ? _jsx(MDXLayout, {
    ...props,
    children: _jsx(_createMdxContent, {
      ...props
    })
  }) : _createMdxContent(props);
}
return {
  default: MDXContent
};


Dark Emblem was a WAX Blockchain project that used Smart Contracts and AtomicAssets
to create an interactive Card Game on the blockchain. Users could purchase packs
with WAX, open those packs through the UI, and dynamically created images for
each NFT would be created.


Dark Emblem was a WAX Blockchain project that used Smart Contracts and AtomicAssets
to create an interactive Card Game on the blockchain. Users could purchase packs
with WAX, open those packs through the UI, and dynamically created images for
each NFT would be created.


Dark Emblem

"use strict";
const {Fragment: _Fragment, jsx: _jsx, jsxs: _jsxs} = arguments[0];
function _createMdxContent(props) {
  const _components = {
    p: "p",
    ...props.components
  };
  return _jsxs(_Fragment, {
    children: [_jsx(_components.p, {
      children: "The Clarity Hub Infer API provides a fast and intuitive way to create, manage, and deploy NLP models based on labelling utterances."
    }), "\n", _jsx(_components.p, {
      children: "This API used the Universal Sentence Encoder (USE) to create embeddings from utterances, then used cosine similarity to find the most similar utterances to a given utterance."
    })]
  });
}
function MDXContent(props = {}) {
  const {wrapper: MDXLayout} = props.components || ({});
  return MDXLayout ? _jsx(MDXLayout, {
    ...props,
    children: _jsx(_createMdxContent, {
      ...props
    })
  }) : _createMdxContent(props);
}
return {
  default: MDXContent
};


The Clarity Hub Infer API provides a fast and intuitive way to create, manage, and deploy NLP models based on labelling utterances.
This API used the Universal Sentence Encoder (USE) to create embeddings from utterances, then used cosine similarity to find the most similar utterances to a given utterance.


The Clarity Hub Infer API provides a fast and intuitive way to create, manage, and deploy NLP models based on labelling utterances.

This API used the Universal Sentence Encoder (USE) to create embeddings from utterances, then used cosine similarity to find the most similar utterances to a given utterance.


NLP infer API to create and label utterances.


Clarity Hub Infer API

"use strict";
const {Fragment: _Fragment, jsx: _jsx, jsxs: _jsxs} = arguments[0];
function _createMdxContent(props) {
  const _components = {
    p: "p",
    ...props.components
  };
  return _jsxs(_Fragment, {
    children: [_jsx(_components.p, {
      children: "Clairvoyance finds the best answers that have worked in the past and suggests them to teams using Intercom when answering similar questions."
    }), "\n", _jsx(_components.p, {
      children: "Clairvoyance was built on AWS using S3, SNS, SQS, RDS, PostgreSQL, MongoDB, Elasticsearch, and React. We created a webapp, extensions, and a microservice backend to bring real time suggestions to customer success agents using Intercom."
    })]
  });
}
function MDXContent(props = {}) {
  const {wrapper: MDXLayout} = props.components || ({});
  return MDXLayout ? _jsx(MDXLayout, {
    ...props,
    children: _jsx(_createMdxContent, {
      ...props
    })
  }) : _createMdxContent(props);
}
return {
  default: MDXContent
};


Clairvoyance finds the best answers that have worked in the past and suggests them to teams using Intercom when answering similar questions.
Clairvoyance was built on AWS using S3, SNS, SQS, RDS, PostgreSQL, MongoDB, Elasticsearch, and React. We created a webapp, extensions, and a microservice backend to bring real time suggestions to customer success agents using Intercom.


Clairvoyance finds the best answers that have worked in the past and suggests them to teams using Intercom when answering similar questions.

Clairvoyance was built on AWS using S3, SNS, SQS, RDS, PostgreSQL, MongoDB, Elasticsearch, and React. We created a webapp, extensions, and a microservice backend to bring real time suggestions to customer success agents using Intercom.


Clairvoyance (renamed to Clarity Hub) finds the best answers that have worked in the past and suggests them to teams using Intercom when answering similar questions.


Clairvoyance

"use strict";
const {jsx: _jsx} = arguments[0];
function _createMdxContent(props) {
  const _components = {
    p: "p",
    ...props.components
  };
  return _jsx(_components.p, {
    children: "I made react-cornea to do image diffing of react components for CI/CD environments."
  });
}
function MDXContent(props = {}) {
  const {wrapper: MDXLayout} = props.components || ({});
  return MDXLayout ? _jsx(MDXLayout, {
    ...props,
    children: _jsx(_createMdxContent, {
      ...props
    })
  }) : _createMdxContent(props);
}
return {
  default: MDXContent
};


I made react-cornea to do image diffing of react components for CI/CD environments.


I made react-cornea to do image diffing of react components for CI/CD environments.


A testing utility for generating visual diffs of your React components.


react-cornea

"use strict";
const {Fragment: _Fragment, jsx: _jsx, jsxs: _jsxs} = arguments[0];
function _createMdxContent(props) {
  const _components = {
    li: "li",
    p: "p",
    ul: "ul",
    ...props.components
  };
  return _jsxs(_Fragment, {
    children: [_jsx(_components.p, {
      children: "GILD is a 2 player game. One person creates a Room, and the other player joins iit. Both players take turns summoning monsters using their given ingredients and having the mosnters fight. First to 3 wins is the victor!"
    }), "\n", _jsx(_components.p, {
      children: "(P.S. if you don't have anyone else to play with, you can access the site in two different browsers, or one browser using Incognito Mode)."
    }), "\n", _jsx(_components.p, {
      children: "The team that put this awesome game together in 48 hours was:"
    }), "\n", _jsxs(_components.ul, {
      children: ["\n", _jsx(_components.li, {
        children: "Gustavo"
      }), "\n", _jsx(_components.li, {
        children: "Ivan"
      }), "\n", _jsx(_components.li, {
        children: "Lauren"
      }), "\n", _jsx(_components.li, {
        children: "Daniela"
      }), "\n"]
    }), "\n", _jsx(_components.p, {
      children: "Go team!"
    })]
  });
}
function MDXContent(props = {}) {
  const {wrapper: MDXLayout} = props.components || ({});
  return MDXLayout ? _jsx(MDXLayout, {
    ...props,
    children: _jsx(_createMdxContent, {
      ...props
    })
  }) : _createMdxContent(props);
}
return {
  default: MDXContent
};


GILD is a 2 player game. One person creates a Room, and the other player joins iit. Both players take turns summoning monsters using their given ingredients and having the mosnters fight. First to 3 wins is the victor!
(P.S. if you don&#x27;t have anyone else to play with, you can access the site in two different browsers, or one browser using Incognito Mode).
The team that put this awesome game together in 48 hours was:
<ul>
<li>Gustavo</li>
<li>Ivan</li>
<li>Lauren</li>
<li>Daniela</li>
</ul>
Go team!


GILD is a 2 player game. One person creates a Room, and the other player joins iit. Both players take turns summoning monsters using their given ingredients and having the mosnters fight. First to 3 wins is the victor!

(P.S. if you don't have anyone else to play with, you can access the site in two different browsers, or one browser using Incognito Mode).

The team that put this awesome game together in 48 hours was:

- Gustavo
- Ivan
- Lauren
- Daniela

Go team!

GILD is a 2 player game made in Meteor for Global Game Jam 2016.


GILD Game

"use strict";
const {jsx: _jsx} = arguments[0];
function _createMdxContent(props) {
  const _components = {
    p: "p",
    ...props.components
  };
  return _jsx(_components.p, {
    children: "Capsule Cat develops for NPM, Meteor, Node, React, and tons of other JavaScript frameworks!"
  });
}
function MDXContent(props = {}) {
  const {wrapper: MDXLayout} = props.components || ({});
  return MDXLayout ? _jsx(MDXLayout, {
    ...props,
    children: _jsx(_createMdxContent, {
      ...props
    })
  }) : _createMdxContent(props);
}
return {
  default: MDXContent
};


Capsule Cat develops for NPM, Meteor, Node, React, and tons of other JavaScript frameworks!


Capsule Cat develops for NPM, Meteor, Node, React, and tons of other JavaScript frameworks!

Capsule Cat is an online group that blogs and creates experiemental projects


Capsule Cat

"use strict";
const {Fragment: _Fragment, jsx: _jsx, jsxs: _jsxs} = arguments[0];
function _createMdxContent(props) {
  const _components = {
    p: "p",
    ...props.components
  };
  return _jsxs(_Fragment, {
    children: [_jsx(_components.p, {
      children: "Space Kitty is a way of making projects."
    }), "\n", _jsx(_components.p, {
      children: "The goal is to help you get from 0 to initial prototype and MVP as fast as possible."
    }), "\n", _jsx(_components.p, {
      children: "Instead of wasting time learning about best practices, how to set up your router, get views set up correctly, browsing for the correct packages to use, and writing the same scaffolding code over and over again, Space Kitty takes care of all of that for you."
    })]
  });
}
function MDXContent(props = {}) {
  const {wrapper: MDXLayout} = props.components || ({});
  return MDXLayout ? _jsx(MDXLayout, {
    ...props,
    children: _jsx(_createMdxContent, {
      ...props
    })
  }) : _createMdxContent(props);
}
return {
  default: MDXContent
};


Space Kitty is a way of making projects.
The goal is to help you get from 0 to initial prototype and MVP as fast as possible.
Instead of wasting time learning about best practices, how to set up your router, get views set up correctly, browsing for the correct packages to use, and writing the same scaffolding code over and over again, Space Kitty takes care of all of that for you.


Space Kitty is a way of making projects.

The goal is to help you get from 0 to initial prototype and MVP as fast as possible.

Instead of wasting time learning about best practices, how to set up your router, get views set up correctly, browsing for the correct packages to use, and writing the same scaffolding code over and over again, Space Kitty takes care of all of that for you.

Space Kitty is a project generator for Meteor projects.


Space Kitty

"use strict";
const {Fragment: _Fragment, jsx: _jsx, jsxs: _jsxs} = arguments[0];
function _createMdxContent(props) {
  const _components = {
    p: "p",
    ...props.components
  };
  return _jsxs(_Fragment, {
    children: [_jsx(_components.p, {
      children: "I made Plipable to be a fun way to interact with videos."
    }), "\n", _jsx(_components.p, {
      children: "Thanks to Youtube, there are tons of videos to watch and comment on. Special thanks to their API which made this all possible."
    }), "\n", _jsx(_components.p, {
      children: "Shout out to Giphy. I just really, really like Giphy. Without them, commenting just would not be as fun as it is."
    })]
  });
}
function MDXContent(props = {}) {
  const {wrapper: MDXLayout} = props.components || ({});
  return MDXLayout ? _jsx(MDXLayout, {
    ...props,
    children: _jsx(_createMdxContent, {
      ...props
    })
  }) : _createMdxContent(props);
}
return {
  default: MDXContent
};


I made Plipable to be a fun way to interact with videos.
Thanks to Youtube, there are tons of videos to watch and comment on. Special thanks to their API which made this all possible.
Shout out to Giphy. I just really, really like Giphy. Without them, commenting just would not be as fun as it is.


I made Plipable to be a fun way to interact with videos.

Thanks to Youtube, there are tons of videos to watch and comment on. Special thanks to their API which made this all possible.

Shout out to Giphy. I just really, really like Giphy. Without them, commenting just would not be as fun as it is.


It's like Soundcloud for Youtube. Your messages are automatically timestamped to where you initially wanted to post them!


Plipable

"use strict";
const {jsx: _jsx} = arguments[0];
function _createMdxContent(props) {
  const _components = {
    p: "p",
    ...props.components
  };
  return _jsx(_components.p, {
    children: "Octolot helps you organize your stuff into collections so that you know what you own!"
  });
}
function MDXContent(props = {}) {
  const {wrapper: MDXLayout} = props.components || ({});
  return MDXLayout ? _jsx(MDXLayout, {
    ...props,
    children: _jsx(_createMdxContent, {
      ...props
    })
  }) : _createMdxContent(props);
}
return {
  default: MDXContent
};


Octolot helps you organize your stuff into collections so that you know what you own!


Octolot helps you organize your stuff into collections so that you know what you own!


Octolot

"use strict";
const {jsx: _jsx} = arguments[0];
function _createMdxContent(props) {
  const _components = {
    p: "p",
    ...props.components
  };
  return _jsx(_components.p, {
    children: "This project aims to create a package which allows other projects to be gamified by adding points, awards, and/or levels."
  });
}
function MDXContent(props = {}) {
  const {wrapper: MDXLayout} = props.components || ({});
  return MDXLayout ? _jsx(MDXLayout, {
    ...props,
    children: _jsx(_createMdxContent, {
      ...props
    })
  }) : _createMdxContent(props);
}
return {
  default: MDXContent
};


This project aims to create a package which allows other projects to be gamified by adding points, awards, and/or levels.


This project aims to create a package which allows other projects to be gamified by adding points, awards, and/or levels.


A game based around Github. When you close issues in Github, you get points in Stellarnauts!


Stellarnauts

"use strict";
const {Fragment: _Fragment, jsx: _jsx} = arguments[0];
function _createMdxContent(props) {
  return _jsx(_Fragment, {});
}
function MDXContent(props = {}) {
  const {wrapper: MDXLayout} = props.components || ({});
  return MDXLayout ? _jsx(MDXLayout, {
    ...props,
    children: _jsx(_createMdxContent, {
      ...props
    })
  }) : _createMdxContent(props);
}
return {
  default: MDXContent
};


A fun, little game space built on Phaser. Shoot enemies while flying through space.


Space Beat Three

Configurable television and kiosk plugin that is built using rss, xml, and json feeds.


Apiarium WordPress Plugin

A simple PHP framework with automatic dependency injection that is not tied to a web interface.


Nectary Framework

Paugme

Test how well you know how to categorize emotions.

Emotions Quiz

Pingr IO

Determine what emotion the Paugme avatar is displaying and what reactions to that emotion are positive.


Paugme Emotions

An extensible implementation of hover effects for SCSS.

SCSS Hover Effects

"use strict";
const {jsx: _jsx} = arguments[0];
function _createMdxContent(props) {
  const _components = {
    p: "p",
    ...props.components
  };
  return _jsx(_components.p, {
    children: "A simple application using Ionic, Meteor, Blaze, and Google Fonts. The app simple pairs random fonts from Google Fonts together for you to get ideas about your typography."
  });
}
function MDXContent(props = {}) {
  const {wrapper: MDXLayout} = props.components || ({});
  return MDXLayout ? _jsx(MDXLayout, {
    ...props,
    children: _jsx(_createMdxContent, {
      ...props
    })
  }) : _createMdxContent(props);
}
return {
  default: MDXContent
};


A simple application using Ionic, Meteor, Blaze, and Google Fonts. The app simple pairs random fonts from Google Fonts together for you to get ideas about your typography.


A simple application using Ionic, Meteor, Blaze, and Google Fonts. The app simple pairs random fonts from Google Fonts together for you to get ideas about your typography.


Pair up Google Fonts. Vote, favorite, and see the top pairs.

Font Matcher

A Medium inspired, open-source WordPress theme.

Idea Pad WordPress Theme

A Meteor app where friends can vote on where they want to eat.


Discover What Rocks

Find the top people that tweeted about a given subject.

Circle Flock

An implementation of the ASU Web Standards for WordPress, Jekyll, and non-CMS driven websites.


ASU Web Standards

Analyze Drosophila fruit fly embryos. Store, categorize, and extract fly embryos using image extraction algorithms suited for stained fly embryos.


myFX

Augmented Reality application for teaching probability and statistics.


Introduction to Basic Statistics

A mobile version of TimeTree. Look up when two different taxa and find out when they diverged on an interactive timeline.
