DEV Community

Cover image for Calculator app using bolt
csm
csm

Posted on

Calculator app using bolt

Inspiration

I was amazed to see how ai can write the whole project.So, thought to test it with my pet project!

What it does

A simple calculator web app that can do basic arithmetic operations.

The app is live at:
link

How we built it

I setup a vue app using stackblitz and then imported it into bolt.new.Then, with just one line of prompt and then an auto fix, I got a fully functioning calculator app. The prompt was first, write a calculator app ui which is responsive. Then with one more prompt deployed it to netlify.

Challenges we ran into

Not really, but just one config error that was auto fixed.

Accomplishments that we're proud of

Just got an app up and running what took me months when I got started in dev.

What we learned

I think its an amazing tool that is very useful for fast prototyping.

I know the app is still rough with many things missing but with just one or two prompts this much was possible + got my first hackathon experience!

Top comments (8)

Collapse
 
coding_self profile image
Sourav Yadav

hey, in the live website Calculator is very squished.
Increase or set the width of class="calculator" to 30rem and it looks good.

Collapse
 
csm18 profile image
csm

Yeah, it is squished! But now all the pens are down.No changes to the code are accepted.
Actually, I wanted to keep the code as is that is generated by the ai, so that we can see what is rawly possible!
Fun fact: It was just 2 prompts for bolt to generate this!

Collapse
 
axrisi profile image
Nikoloz Turazashvili (@axrisi)

I'm sorry to say this, but without Bolt Badge they won't accept submission, and you add it now I'm not sure if they accept it.

Collapse
 
csm18 profile image
csm

I don't know! Is this not the badge?

Image description

Collapse
 
axrisi profile image
Nikoloz Turazashvili (@axrisi)

I think they have in rules that you need this badge:

Image description

Thread Thread
 
csm18 profile image
csm

Oh! I didn't know about it! I saw some other projects as well that have just as mine.I hope it gets accepted!

Collapse
 
nathan_tarbert profile image
Nathan Tarbert

man, this is extremely impressive seeing how fast you got it together reminds me of my early days but way less pain involved you think tools like this will make most dev projects feel less intimidating?

Collapse
 
csm18 profile image
csm

Yeah, truly these ai tools are making our newbie lives easier.Not just in building but in learning the concepts or getting docs quickly!