From 9f9755746bc46b55e92a6e55c62c5465b0c42248 Mon Sep 17 00:00:00 2001 From: Chaitanyaputhran <21i07.chaitanya@sjec.ac.in> Date: Mon, 2 Oct 2023 08:57:52 +0530 Subject: [PATCH 1/2] added bmi calculator --- Projects/1-Beginner/BMI_Calculator.md | 33 +++++++++++++++++++++++++++ 1 file changed, 33 insertions(+) create mode 100644 Projects/1-Beginner/BMI_Calculator.md 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 From 7cfac9026ff1a08957cc3e92b89fae943e4769d6 Mon Sep 17 00:00:00 2001 From: Chaitanyaputhran <21i07.chaitanya@sjec.ac.in> Date: Sat, 14 Oct 2023 20:46:07 +0530 Subject: [PATCH 2/2] added memory game --- Projects/1-Beginner/Memory-game-App.md | 34 ++++++++++++++++++++++++++ 1 file changed, 34 insertions(+) create mode 100644 Projects/1-Beginner/Memory-game-App.md 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)