DEV Community

Cover image for New Year, New Portfolio Challenge Presented by Google AI
Jovilyn Amador
Jovilyn Amador

Posted on

New Year, New Portfolio Challenge Presented by Google AI

This is a submission for the New Year, New You Portfolio Challenge Presented by Google AI

About Me

I’m a frontend developer and AI enthusiast exploring the intersection of generative AI and user experience. With this portfolio, I wanted to showcase how Google’s AI tools can empower creators to build intelligent, responsive web apps—without needing deep ML expertise.

** How I Built It**

Frontend: Built with React and styled using Tailwind CSS, focusing on a clean, responsive, and accessible UI that works well with screen readers.
Backend: Deployed on Google Cloud Run, using either FastAPI (Python) or Node.js to handle requests and serve as a bridge between the frontend and AI services.
AI Integration: Leveraged the Gemini API through Google AI Studio to power dynamic text generation, document understanding, or conversational features—possibly pulling content directly from a Google Drive file (as suggested by the Drive-linked URL).
Workflow: Users interact with the app through an intuitive interface; their inputs (or selected Drive documents) are sent securely to the backend, which formats and forwards them to the Gemini API, then returns and renders the AI-generated response.

** What I'm Most Proud Of**

Seamless Integration: Successfully connecting a user-facing web app with both Google Drive and Gemini, enabling intelligent interactions with personal documents.
Accessibility-First Design: Ensuring the UI remains fully navigable and usable with assistive technologies—proving that powerful AI tools can also be inclusive.
End-to-End Ownership: Taking the project from concept to deployment, balancing user experience, performance, and responsible AI use.

Top comments (0)