diff --git a/Projects/1-Beginner/BMI_Calculator.md b/Projects/1-Beginner/BMI_Calculator.md new file mode 100644 index 00000000..1a2a7841 --- /dev/null +++ b/Projects/1-Beginner/BMI_Calculator.md @@ -0,0 +1,33 @@ +# BMI Calculator + +**Tier:**1-Beginner + + BMI (Body Mass Index) Calculator app is designed to help users quickly and accurately calculate their BMI based on their gender, height, weight, and age. Users can input their data, choose their preferred units, and receive their BMI result along with an interpretation of what it means for their health. + + + +## User Stories + +- [ ] User can select their gender from a dropdown menu. +- [ ] User can enter their height in centimeters using a numeric input field. +- [ ] User can enter their weight in kilograms using a numeric input field. +- [ ] User can enter their age in years using a numeric input field. + +## Bonus features + +- [ ] User can drag height input. +- [ ] Change theme (light/dark) (play with css), play with css + +## Logic +- BMI is calculated as follows: BMI = weight (kg) / (height (m) * height (m)). +-Interpretation of the BMI result can include thresholds for different BMI categories (e.g., <18.5 Underweight, 18.5-24.9 Normal Weight, 25-29.9 Overweight, >=30 Obese). + + +## Useful links and resources + +- [Guide](https://www.freecodecamp.org/news/html-css-and-javascript-explained-for-beginners/) +- [Design Ideas](https://dribbble.com/tags/bmicalculator) + +## Example projects + +- N/A \ No newline at end of file diff --git a/Projects/1-Beginner/Memory-game-App.md b/Projects/1-Beginner/Memory-game-App.md new file mode 100644 index 00000000..5ff4ce66 --- /dev/null +++ b/Projects/1-Beginner/Memory-game-App.md @@ -0,0 +1,34 @@ +# Memory Game + +**Tier:** 1-Beginner + +**Description:** Create a classic memory matching game where players need to flip cards and find matching pairs within a set time or with the fewest moves. + +## User Stories + +- [ ] User can see a grid of face-down cards (memory cards). +- [ ] User can click on a card to reveal its hidden image. +- [ ] User can click on a second card to reveal its hidden image. +- [ ] If the two revealed cards match, they stay face-up. +- [ ] If the two revealed cards do not match, they are flipped back face-down. +- [ ] User can see their score (number of moves) and a timer to keep track of their performance. +- [ ] User is notified when they have successfully matched all the pairs (won the game). +- [ ] User can choose to start a new game at any time. +- [ ] User can choose different difficulty levels (e.g., grid size or time limit) if available. + +## Bonus features + +- [ ] User can hear sound effects when flipping cards and when pairs are matched. +- [ ] User can choose from various themes or card sets (e.g., animals, numbers, emojis). +- [ ] User can see a high score leaderboard. +- [ ] User can play the game on mobile devices with touch support. +- [ ] User can customize game settings (e.g., timer duration, background music). + +## Useful links and resources + +- [Example Memory Game by FreeCodeCamp](https://codepen.io/FreeCodeCamp/full/obqNRp) + +## Example projects + +- [Memory Game by FreeCodeCamp on Codepen](https://codepen.io/FreeCodeCamp/full/obqNRp) +- [Memory Game by Shane Osbourne on GitHub](https://github.com/ShaneOsbourne/memory-game)