Mini Calculator

🌟 Inspiration

I wanted to build something simple yet polished to practice frontend design and JavaScript fundamentals. A calculator felt like the perfect project — it combines UI design, logic, and responsive styling in a way that’s both fun and practical.

🧮 What it does

The app performs basic arithmetic operations (addition, subtraction, multiplication, division) with a clean and modern glassmorphism-inspired UI. It’s fully responsive, smooth to use, and deploys directly in the browser — no setup required.

🛠️ How we built it

HTML for the structure

CSS (Flexbox + Grid + animations) for the layout and styling

Vanilla JavaScript to handle calculator logic

Vercel for free hosting and deployment

🚧 Challenges we ran into

Making the design look modern and visually appealing while keeping it simple

Ensuring the calculator is responsive across devices

Handling operator button states and ensuring the logic doesn’t break with multiple inputs

🏆 Accomplishments that we're proud of

Created a clean, modern UI with glassmorphism and smooth animations

Fully deployed the project on Vercel with a shareable live link

Improved my understanding of JavaScript event handling and DOM manipulation

📚 What we learned

How to combine design and functionality in a small project

Deployment workflows with GitHub + Vercel

Importance of responsive design and making apps user-friendly across devices

🔮 What's next for Mini Calculator

Add keyboard support (so users can type numbers directly)

Implement advanced operations (square root, percentage, memory, etc.)

Improve accessibility with ARIA labels and better color contrast

Maybe turn it into a PWA (Progressive Web App) so it can be installed on devices

Built With

• css3
• html
• javascript
• vercel