Hi everyone,
I'm building a small web app that allows users to compare their height with famous landmarks or objects using a height comparison chart. I'm looking for the best approach to implement this feature in a clean and responsive way - perhaps with basic JavaScript or any recommended tools.

Has anyone worked on something similar or have suggestions on how to get started?

Hello Hira Jam
Thank you for bringing this question to our community!
This is a very good problem statement to start small with a simple application and then grow in complexity towards a full-fledged cloud-hosted fun web application.When evaluating your web stack, you can consider a front-end framework like Rect.js or Vue.js, which will allow you to build a responsive and interactive user interface.
For backend, consider Node.js with Express to help you with the API logic
You don't really need a database, but as a next step challenge you could use IBM's Cloudant NoSQL database for storing comparison data, user preferences, landmark metadata, etc. The community even maintains a Node.js SDK for Cloudant
When it comes to hosting, there are many many options and one of them is IBM's Code Engine, and we have a nice blog post to help you with just that
Another nice to have as you expand your fun application is to include authentication and authorization, and the nice thing is that Code Engine will be ready for thatI hope this gives you a good direction of how to get started. You will find a lot of online information and tutorials about React.js, Vue.js and Node.js/Express, but don't hesitate to reach out!

Hello Hira Jam,
Thank you for bringing this question to our community!

This is a very good problem statement to start small with a simple application and then grow in complexity towards a full-fledged cloud-hosted fun web application.
When evaluating your web stack, you can consider a front-end framework like Rect.js or Vue.js, which will allow you to build a responsive and interactive user interface.
For backend, consider Node.js with Express to help you with the API logic
You don't really need a database, but as a next step challenge you could use IBM's Cloudant NoSQL database for storing comparison data, user preferences, landmark metadata, etc. The community even maintains a Node.js SDK for Cloudant
When it comes to hosting, there are many many options and one of them is IBM's Code Engine, and we have a nice blog post to help you with just that
Another nice to have as you expand your fun application is to include authentication and authorization, and the nice thing is that Code Engine will be ready for that

I hope this gives you a good direction of how to get started. You will find a lot of online information and tutorials about React.js, Vue.js and Node.js/Express, but don't hesitate to reach out!