DEV Community

Cover image for Built a Responsive Calculator App with Google AI Studio
Heer Patel
Heer Patel

Posted on

Built a Responsive Calculator App with Google AI Studio

This post is my submission for DEV Education Track: Build Apps with Google AI Studio.

What I Built

I built a responsive Calculator App using HTML, CSS and JavaScript.

The calculator supports:

  • Addition, Subtraction, Multiplication and Division
  • Clean and responsive UI
  • Mobile-friendly design
  • Dark theme interface
  • Real-time calculations

I used Google AI Studio to get guidance and ideas during development and then customized the code according to my requirements.

Demo

Live App

https://heer4204-bit.github.io/calculator-app/

GitHub Repository

https://github.com/Heer4204-bit/calculator-app

Screenshot

Calculator App UI

My Experience

This project helped me learn:

  • HTML structure
  • CSS styling and layouts
  • JavaScript functions
  • GitHub repositories
  • GitHub Pages deployment

The most exciting part was publishing my first live web application on GitHub Pages and making it accessible online.

I also learned how AI tools can assist developers in building projects faster and solving problems during development.

Top comments (0)