Added a new idea #1067
There are no files selected for viewing
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,39 @@ | ||
| # Password Strength Checker Idea | ||
|
|
||
| **Tier:** 1-Beginner | ||
|
|
||
| A web application that helps users create strong passwords by providing real-time feedback on password strength. | ||
|
|
||
| ## User Stories | ||
|
|
||
| - [ ] User can enter a password into an input field | ||
| - [ ] User can see strength indicators as they type: | ||
| - Password length (minimum 8 characters) | ||
| - Contains uppercase letters | ||
| - Contains lowercase letters | ||
| - Contains numbers | ||
| - Contains special characters | ||
| - [ ] User can see the overall password strength rating (Weak, Medium, Strong) | ||
| - [ ] User receives real-time feedback as they type | ||
| - [ ] User can see suggestions for improving their password | ||
|
|
||
| ## Bonus features | ||
|
|
||
| - [ ] User can generate a random strong password | ||
| - [ ] User can copy the password to clipboard with a button click | ||
| - [ ] User can see a password strength meter/bar that updates in real-time | ||
| - [ ] User can toggle password visibility (show/hide) | ||
| - [ ] User can see how long it would take to crack the password | ||
|
|
||
| ## Useful links and resources | ||
|
|
||
| - [zxcvbn - Password Strength Estimation Library](https://github.com/dropbox/zxcvbn) | ||
| - [MDN Web Docs - Regular Expressions](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Guide/Regular_Expressions) | ||
| - [How to Create a Strong Password (Article)](https://www.security.org/how-secure-is-my-password/) | ||
| - [HTML DOM Input Password](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/password) | ||
|
|
||
| ## Example projects | ||
|
|
||
| - [Password Strength Checker with zxcvbn](https://codepen.io/preserveddarnell/pen/oNNQxQm) | ||
| - [Password Strength Meter](https://github.com/pascalbell/password-strength-meter) | ||
| - [React Password Strength Checker](https://github.com/mloureiro/react-password-strength) | ||
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,40 @@ | ||
| # Weather Dashboard | ||
|
|
||
| **Tier:** 1-Beginner | ||
|
|
||
| Create a weather dashboard that fetches and displays current weather conditions and forecasts for different cities. | ||
|
|
||
| ## User Stories | ||
|
|
||
| - [ ] User can enter a city name to get weather information | ||
| - [ ] User can see the current temperature, humidity, wind speed, and weather conditions | ||
| - [ ] User can see a weather icon representing the current conditions | ||
| - [ ] User can see the location and current date/time | ||
| - [ ] User can view a 5-day weather forecast | ||
| - [ ] User can toggle between Celsius and Fahrenheit | ||
|
|
||
| ## Bonus features | ||
|
|
||
| - [ ] User can see their current location's weather automatically using geolocation | ||
| - [ ] User can save favorite locations for quick access | ||
| - [ ] User can see sunrise and sunset times | ||
| - [ ] User can see an air quality index | ||
| - [ ] User can see weather alerts for severe conditions | ||
| - [ ] User can see hourly forecasts | ||
| - [ ] User can see animated weather icons | ||
| - [ ] User can see a map visualization of the weather | ||
|
|
||
| ## Useful links and resources | ||
|
|
||
| - [OpenWeather API](https://openweathermap.org/api) - Free weather data API | ||
| - [Geolocation API](https://developer.mozilla.org/en-US/docs/Web/API/Geolocation_API) | ||
| - [Weather Icons](https://erikflowers.github.io/weather-icons/) | ||
| - [localStorage API](https://developer.mozilla.org/en-US/docs/Web/API/Window/localStorage) | ||
| - [Chart.js](https://www.chartjs.org/) - For temperature graphs | ||
| - [Leaflet](https://leafletjs.com/) - For weather maps | ||
|
|
||
| ## Example projects | ||
|
|
||
| - [Weather App with React](https://github.com/ayushkul/react-weather-app) | ||
| - [Vanilla JS Weather App](https://github.com/avinash-kr-pandey/Weather_app) | ||
| - [Weather Dashboard Demo](https://weather-dashboard.netlify.app/) | ||
|
Comment on lines
+29
to
+40
There was a problem hiding this comment. 🧩 Analysis chainVerify external links and clarify API requirements. The resources and example projects should be validated. Additionally, consider adding a note about API key requirements:
Run the following script to verify link accessibility: 🏁 Script executed: #!/bin/bash
# Description: Verify that external links in Weather-Dashboard.md are accessible
links=(
"https://openweathermap.org/api"
"https://developer.mozilla.org/en-US/docs/Web/API/Geolocation_API"
"https://erikflowers.github.io/weather-icons/"
"https://developer.mozilla.org/en-US/docs/Web/API/Window/localStorage"
"https://www.chartjs.org/"
"https://leafletjs.com/"
"https://github.com/ayushkul/react-weather-app"
"https://github.com/avinash-kr-pandey/Weather_app"
"https://weather-dashboard.netlify.app/"
)
for link in "${links[@]}"; do
status=$(curl -s -o /dev/null -w "%{http_code}" "$link")
echo "$link - Status: $status"
doneLength of output: 517 Fix broken example project link and document API key requirement. One of the example projects is no longer accessible:
Additionally, the OpenWeather API requires free registration for an API key. This dependency should be mentioned in the user stories or bonus features to set expectations for developers using this project. 🤖 Prompt for AI Agents |
||
Add this suggestion to a batch that can be applied as a single commit.
This suggestion is invalid because no changes were made to the code.
Suggestions cannot be applied while the pull request is closed.
Suggestions cannot be applied while viewing a subset of changes.
Only one suggestion per line can be applied in a batch.
Add this suggestion to a batch that can be applied as a single commit.
Applying suggestions on deleted lines is not supported.
You must change the existing code in this line in order to create a valid suggestion.
Outdated suggestions cannot be applied.
This suggestion has been applied or marked resolved.
Suggestions cannot be applied from pending reviews.
Suggestions cannot be applied on multi-line comments.
Suggestions cannot be applied while the pull request is queued to merge.
Suggestion cannot be applied right now. Please check back later.
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
🧩 Analysis chain
Verify external links and example project references.
The resource links and example projects should be validated to ensure they remain current and accessible. Given that documentation may become stale, please verify:
Run the following script to verify link accessibility:
🏁 Script executed:
Length of output: 493
Remove or replace broken example project links.
Three of the example projects are no longer accessible:
preserveddarnell/pen/oNNQxQmreturns 403 (Forbidden)pascalbell/password-strength-meterrepository returns 404 (deleted)mloureiro/react-password-strengthrepository returns 404 (deleted)Either remove these non-functional links or replace them with current, accessible implementations that demonstrate password strength validation.
🤖 Prompt for AI Agents