DEV Community

Fathima Mafaza Mafaza
Fathima Mafaza Mafaza

Posted on

I Built an AI-Powered Student Study Planner with Google AI Studio | Weekend Challenge

DEV Weekend Challenge: Passion Edition Submission

This is a submission for Weekend Challenge: Passion Edition

I'm passionate about education, productivity, and using AI to solve real-world problems. For this challenge, I built AEGIS Planner, an AI-powered Student Study Planner using Google AI Studio and Gemini.

The app helps students organize their academic life by managing study tasks, tracking progress, and improving focus with a built-in Pomodoro timer.

Features

Study Dashboard
Task Management (Add, Edit & Delete)
Calendar View
Subject Management
Study Progress Tracker
Pomodoro Focus Timer
Dark & Light Mode
Responsive Design

This project demonstrates how Google AI Studio can generate a modern web application from a simple natural language prompt.

Demo

Google AI Studio App

https://ai.studio/apps/267f338d-8afd-4bd7-9e12-aca10e3ad2c0

Code

GitHub Repository

https://github.com/fathimamafa/student-study-planner

The application was generated with Google AI Studio and uses React, TypeScript, and Lucide React for a modern component-based user interface.

How I Built It

I used Google AI Studio to quickly transform an idea into a working application.

Development Process

Opened Google AI Studio.
Wrote a prompt describing a Student Study Planner.
Generated the application with Gemini.
Explored the generated React and TypeScript code.
Tested the application in the built-in preview.
Published the app and shared it through AI Studio.
Uploaded the source code to GitHub.

Technologies Used

  • Google AI Studio
  • Gemini
  • React
  • TypeScript
  • Lucide React Icons
  • CSS

What I Learned

This project helped me learn:
Prompt engineering for AI-generated applications
React component architecture
TypeScript fundamentals
Reviewing and understanding AI-generated code
Rapid application prototyping with Google AI
Prize Categories

Best Use of Google AI

Google AI Studio and Gemini were the primary technologies used to generate, prototype, and build this application.

Final Thoughts

As an Applied Information Technology student, this challenge was a great opportunity to explore AI-assisted development. Google AI Studio significantly reduced the time needed to build the initial application, allowing me to focus on learning the code structure and improving the user experience.

I'm excited to continue building AI-powered applications and discovering new ways to combine creativity with modern development tools.

Thank you to the Google AI and DEV teams for organizing this inspiring challenge!

Top comments (0)