Monthly Study Jam #Software | Building AI-Powered React Apps with Gemini

GDG on Campus IPB University - Bogor, Indonesia

Learn how to integrate AI capabilities into modern web applications using React and Gemini. In this session, participant...

Jun 12, 12:00 – 1:30 PM (UTC)

15 RSVP'd

Key themes

WebWorkshop / hands-on session

About this event

Learn how to integrate AI capabilities into modern web applications using React and Gemini. In this session, participants will explore the process of connecting frontend applications with AI services and transforming static interfaces into intelligent, interactive experiences.

✨ What will you learn?

  • Review Frontend Skeleton & Dummy Response

  • Introduction to Gemini API

  • API Integration with React (fetch & async/await)

  • Environment Variables & API Key Management

  • Loading State & Error Handling

  • Displaying Real AI Responses in a React Application

Before joining, make sure you have prepared Node.js and NPM, Visual Studio Code, the frontend skeleton project from the previous session, and a Gemini API Key from Google AI Studio.

Don’t miss this hands-on session & register now!

Organizers

  • Dwi Febriyanti

    Advisor

  • Dika Aprilio

    Chapter Lead

  • Trias Aldi Prasetia

    Co-Lead

  • Badzlan Nur Dhabith

    IPB University

    Director of Program & Development

  • Afin Arif Azyumardi

    IPB University

    Director of Media & Creative

  • Rai Rakhmat Syarifudin Supardi

    Universitas Bung Karno

    Director of Technical

  • Maghfira Aulia Ramadhanti

    Director of Community & External

  • Sherindiva H.R

    Secretary & Treasurer

  • Zul Akmal Agung

    Manager of Program

  • Keisha Aqila Camus

    Manager of Branding & Visual

  • Izza Yarismen

    Manager of Content & Strategy

  • Aldio Lisafron

    IPB University

    Manager of Creative Technologist

  • MUHAMMAD FAKHRIY ANNAS

    Manager of External

  • Muhammad Aryaputra Gian

    Program & Development Core Team

  • Cetta Maulana

    Program & Development Core Team

  • FIRGEIL TAKASHA

    Program & Development Core Team

  • Radithya Dhiyaurrahman

    Program & Development Core Team

  • R1fqi adli Hernawan

    Program & Development Core Team

  • Abizar Aulia

    Program & Development Core Team

  • Mochammad Althof Syah Raharjo

    Program & Development Core Team

  • Dimas Ananda Prasetyo

    Media & Creative Core Team

  • Choirun Nisa Putri Pratini N

    Media & Creative Core Team

  • Haniin Zhaafira

    Media & Creative Core Team

  • Nur Rovan

    Media & Creative Core Team

  • Faza Mumtaz

    Technical Core Team

  • Aryo Ristiawan Machfudz

    Technical Core Team

  • Raditya Ananda Rohman

    Technical Core Team

  • Luna Islami H.

    Technical Core Team

  • ALDI PRAMUDYA

    Technical Core Team

  • Ahza Radithya Dwicahyo dwicahyo

    Technical Core Team

  • ILYAZ PRAYOGA RAHARJA PUTRA

    Community & External Core Team

  • Indra Teguh

    Community & External Core Team

  • Ghilar Reydhika Agusta

    Community & External Core Team

  • Vezajiva Ariesta Maheswari

    Community & External Core Team

  • Neneng Nuryanah

    Community & External Core Team

  • radha falisha

    Community & External Core Team

  • FAHRI ABABIL

    Community & External Core Team