HTML, Sass and JavaScript. I added a few extra features too!
Solution retrospective
Hey, guys, this is my first app and I added some scientific methods to it like sin, cos...etc.. It's functionality is pretty good but it still has some flaws, I hope you can look into my code and advise me on how to make it better! Your feedback will be very much appreciated.
Please log in to post a comment
Log in with GitHubCommunity feedback
- @ApplePieGiraffe
Hey, Kevin! 👋
It's so good to see you complete another challenge! 😀 You've done a nice job on this one and I love the ideas you had for the extra features you added! 🤩
A few small tips to improve the design of your solution would be,
- Using the font specified in the style guide for this challenge for a few of the text elements on the page (such as the text in the calculator screen and the word "Calc" in the upper-left corner of the calculator).
- Adding hover and active states to the calculator buttons. This will be a small touch that's probably quite easy to add but will make a big difference in the UX, I think! A simple background color change for the hover state and a subtle transform or something for the active state should do it.
- This isn't a tip but I really like your attribution for this solution! 😉
Also... it might be worth taking another look at the functionality of the scientific side of the calculator. There are a few quirks such as not being able to add/subtract/etc. with "π" and not being able to delete items like "sin" or "tan". But for your first submission of this challenge, I think this is very cool! 😎
You've really improved and it's made me happy to see your progress! Keep it up! 🎉
And don't forget—keep coding (and happy coding, too)! 😄
Marked as helpful
Join our Discord community
Join thousands of Frontend Mentor community members taking the challenges, sharing resources, helping each other, and chatting about all things front-end!
Join our Discord