DEV Community

Yash Shivnani
Yash Shivnani

Posted on • Edited on

From Code to Cloud: My AI-Integrated Portfolio Journey

New Year, New You Portfolio Challenge Submission

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

--labels dev-tutorial=devnewyear2026

About Me

Hi, I’m Yash Shivnani, a tech enthusiast and aspiring software developer with a keen interest in AI, cloud technologies, and full-stack development. Through my portfolio, I aim to showcase projects that reflect my problem-solving mindset, practical implementation of modern tech, and creativity in building applications that make a difference.``

Portfolio

For Full Screen Click Here


--labels dev-tutorial=devnewyear2026

How I Built It

My projects are built with a modern, modular tech stack designed for scalability, interactivity, and AI integration:

Core Framework: React 19 with TypeScript for a type-safe, component-based architecture.
Styling: Tailwind CSS (via CDN) with a custom configuration for responsive and consistent UI design.
Animations: Framer Motion for physics-based animations, smooth transitions, and engaging UI effects.
Icons: Lucide React for lightweight, scalable vector icons.
Typography: Google Fonts (Chakra Petch & Space Mono) for a clean, modern aesthetic.
Module System: ES Modules via esm.sh for browser-native imports without bundlers like Webpack.

This setup allows me to build interactive, AI-powered web applications with minimal build overhead while maintaining a high-quality user experience.

What I'm Most Proud Of

I’m especially proud of integrating Google Gemini AI into my projects, bringing intelligent interactivity and assistance directly to the user interface. From smooth, animated transitions to fully functional AI website, my portfolio demonstrates how modern web development and AI can create practical, engaging solutions.

Top comments (0)