New Year, New Portfolio Challenge Presented by Google AI
Source: Dev.to
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.