Resume

CareerCraft AI is a modern web application designed to give job seekers a competitive edge. The app leverages the power of generative AI to instantly tailor a user's resume to a specific job description, highlighting relevant skills and experiences. It also generates a compelling, personalized cover letter based on the newly optimized resume, streamlining the application process. Key features include PDF resume parsing, real-time AI generation, and a direct export-to-Google Docs functionality for seamless editing and sharing.

This project was built using a cutting-edge, full-stack JavaScript technology set, emphasizing modern development practices and a high-quality user experience.

Front-End: The user interface was built with Next.js and React, creating a fast, server-rendered application. The UI components are from ShadCN UI, styled with Tailwind CSS for a sleek, responsive, and modern aesthetic.
Generative AI: The core AI capabilities are powered by Google's Gemini models, accessed through Genkit, Google's open-source generative AI framework. This enabled the creation of sophisticated AI flows for resume analysis and content generation.
Back-End & APIs: The application uses Next.js API Routes for server-side logic, such as securely processing payments with the Square Payments SDK and integrating with the Google Docs API for the export feature.
Authentication: User authentication for the Google Docs integration is handled securely using Google Identity Services (OAuth 2.0), ensuring a safe and limited-permission connection to the user's Google account.
Deployment: The application is configured for easy deployment on Firebase Hosting, a scalable and reliable platform for modern web apps.

Building CareerCraft AI was a fantastic learning experience that deepened my skills in several key areas:

Integrating Generative AI: I gained hands-on experience implementing and prompting large language models (LLMs) to perform complex, structured tasks. I learned how to design effective prompts and manage AI-driven workflows to produce high-quality, reliable output.
Full-Stack Development with Next.js: This project solidified my understanding of the Next.js App Router, server components, and API routes. I learned how to structure a full-stack application within a single framework, from building the UI to handling server-side logic.
Third-Party API Integration: I successfully integrated multiple complex APIs, including the Google Docs API and the Square Payments SDK. This involved managing OAuth 2.0 authentication flows, handling secure server-to-server communication, and ensuring data privacy and security best practices were followed.
Modern UI/UX: I learned to build a polished and intuitive user interface using modern tools like ShadCN UI and Tailwind CSS, focusing on creating a responsive and user-friendly experience from the ground up.

Faregame, Inc. (FARE.GAME)

Chief Product Officer

Wireframes

As part of my role as CPO at Faregame, I had to ensure that we built an early prototype to show potential customers and investors that we knew what we are doing and how to convey a story that sounded too good to be true: we’d figured out to do free public transit. I reached out to some trusted UX and design contacts in Lithuania and we worked through the opportunity and came up with these wireframes.

App V1 (android apk)

Admin Dashboard V1

StorageAuctions.com

head of product

Xylo, Corp.

vp of products

Presentation of Initial Launch.

The above presentation was made on several occasions, including conferences in Vilnius, NYC, London and Hamburg. As the head of product I knew the product inside out and as a musician comfortable of performing and speaking in front of audiences I was able to create an engaging presentation of what we were up to and how we were moving forward. This included a live demonstration of how the app worked (using a mix of AppleTV, a JBL Speaker, iRig and some serious luck).

Wireframes for Major Revision.

After gathering valuable user-feedback from comments, emails as well as usage data I came up with a new user-flow with the help of our UX consultant. This document was presented to the board as well to gain the support needed to move the project forward. For access to the full .pdf (click here).

Version After my Final Involvement.

Unfortunately for the above prototype, I had to strip out a lot of the functionality and comments. Along with JIRA and Slack, inVision was used to help drive product decisions to move things forward. Again, as head of product, I had to ensure that all of the feedback was represented in the backlog and prioritized accordingly. To see the rest of the screens (click here).

Rosarii.com

Jordan et al., l3c

Design Approach.

I started this project by working with a Brazil-based design agency whose work I found on Behance and had the perfect style for this idea. I selected the name which is proper Latin that roughly means 'adherents of the Rosary.' The overall graphical inspiration was rose windows. In addition to the overall branding there was iconography within the app that needed to be designed in the same style. I worked with a long-time designer friend from Lithuania to produce those beautiful drawings.

The App and Experience

As this was my first solo app building project I wanted to work with someone that knew what they were doing, that I trusted and that would build things in a way that could be current with respect to technology and also scale relatively easily. MongoDB and Node.js were selected because from the admin console, I could make an update and it propagates to all devices in a matter of moments. It was also super lightweight and there was and continues to be an avid support community to pick up the project and move it forward.

My role, aside from moving the design forward was also to guide the developer (who was not Catholic) to how someone might use this app. The UX needed to be senior citizen proof, so we kept things as basic as possible. There is also the algorithm that goes along with the Rosary mysteries changing depending upon the time of the liturgical year.

After launch of the app, I personally designed and built the splash page. I'm not saying its perfect, but I can build that in HTML and CSS. :)

OLQOP.CHURCH

JORDAN ET AL., L3C

Design Approach.

I started this project by working with the parish on getting an idea of what they were looking for. They wanted something modern but timeless and that speaks to Our Lady and Peace. I knew the exact person to ask to assist with the design aspects and she did an AMAZING job. The above presentation was what she sent me after several weeks of back and forth about the constantly evolving demands posed by several differing opinions on the parish council.

The Web approach.

For this project I opted to use Wordpress as at the time it was the easiest platform to manage and customize. I worked with a development agency out of Poland that came HIGHLY recommended (and for good reason). After getting a bulk of the work done, there were a couple of widgets that needed customization due to the stringent design requirements: namely, the Calendar and News. For these two pieces, I wrote the specifications for how they should work, which for the calendar included Google integration and for the News included social media integration. For these two widgets I worked with a Lithuanian developer from the past and he did a wonderful job getting those two things knocked out.

Again, It was my role on this one to get everything designed, built and shipped.

LESETOILES.EXCHANGE

JORDAN ET AL., L3C

Design Approach

I wanted to keep things simple, informative and of course, responsive. The choir name is 'les etoiles de louisiane" so I started by selecting the primary domain name to be lesetoiles.exchange as, although this is the first year it is tried, the expectation is that there will be several exchanges over the years. There is also a second domain ledi.exchange that also points to this one, because sometimes the group is also called "les etoiles d'imersion."

Layout

I opted for a single column approach with a bold header image

I inserted the informational flyer as the main descriptive content

The application is a form that points to a shared Google Sheet,

The final major piece is a streaming media player to play the audition pieces.