Lunaris Gemini App

How it works

The Gemini API's raw output was unstructured and hard to read, so I built the parsing layer myself.

• Built custom parsing logic using React Markdown to turn raw Gemini output into clean chat bubbles, formatted lists, and code blocks.
• Built a custom typing effect for AI responses.
• Added full user authentication, including Google and GitHub login.

Why I built it

Gemini's raw API responses come back as unstructured text, not the clean chat UI users expect, so without extra work every reply would render as an unreadable wall of text.

How I approached it

I wrote a custom parsing layer with React Markdown to turn raw output into proper chat bubbles, lists, and code blocks, then added a typing effect and full Google/GitHub authentication on top.