[Feature] Add AQI Level Calculator

[Aarzookhunger]

Description

AQI -> Air Quality Index Level Calculator

Input: User enters the AQI number of their region. Output: Based on the AQI number provided, the level of air quality is determined, along with the corresponding color indication.

• Good (0-50): Green
• Satisfactory (51-100): Yellow
• Moderate (101-150): Orange
• Unhealthy for sensitive groups (151-200): Red
• Unhealthy (201-300): Purple
• Hazardous (301-500+): Maroon

The output color reflects the range the AQI falls into, such as green for good air quality and yellow for satisfactory air quality.

Checks to be applied: Keep a check on the input by the user the AQI must be greater than or equal to zero. Also keep a check on upper bound value.

Implementation : A Javascript function will be created where in the parameter will be the AQI index and the level is returned after comparing with the metrices. As this level is return another function is called with this level which gives the color indication. Now after getting both of these values, we can design the output display on the screen using CSS.

Screenshots

Get input from the user in somewhat this way. (The background color can be kept green to indicate living in good air quality or can be kept greyish as neutral input taking page.

As an output the level of air quality along with color indication will be displayed.

Checklist

• [X] I have checked the existing issues.
• [X] I follow Contributing Guidelines of this project.
• [ ] I am a IWOC'24 contributor.
• [ ] I am a JWOC'24 contributor.
• [ ] I am a SWOC'24 contributor.

Code of Conduct

• [X] I agree to follow this project's "Code of Conduct".

[github-actions[bot]]

Hey @Aarzookhunger, Welcome to the project CalcDiverse! 🎊 Thanks for opening an issue! 🙌 Please wait for the issue to be assigned. Happy Coding!! ✨

[amishah1110]

Hi team, I'd like to take on the task of implementing the AQI Level Calculator feature. I believe it aligns well with my skills and interests, and I'm excited to contribute to its development. Assigning this issue to me would be greatly appreciated.

Thanks!

[Aarzookhunger]

@Rakesh9100 Kindly assign this task to me so that I can add the AQI Level Calculator to the website and code up my designed UI/UX as attached in the screenshots. Any changes or new additions are welcomed. I'll be more than glad to make my contribution in this project. For GSSoC'24 contribution.

Thankyou.

[Rish-tech1]

I would like to work on this issue. Pls assign me this!!

[Rakesh9100]

Go ahead @Aarzookhunger