Skip to content
Merged
Show file tree
Hide file tree
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
33 changes: 33 additions & 0 deletions data/projects.json
Original file line number Diff line number Diff line change
Expand Up @@ -143,4 +143,37 @@
"categoryKey": "data",
"difficulty": "easy"
}
,
{
"title": "Number Guessing Game",
"slug": "number-guessing-game",
"description": "Guess a random number with feedback and attempt tracking.",
"category": "Small Games",
"categoryKey": "games",
"difficulty": "easy"
},
{
"title": "Text Encryption / Decryption Tool",
"slug": "text-encryption-decryption",
"description": "Encrypt and decrypt text using simple algorithms.",
"category": "Productivity",
"categoryKey": "productivity",
"difficulty": "easy"
},
{
"title": "Rock-Paper-Scissors Game",
"slug": "rock-paper-scissors",
"description": "Play rock-paper-scissors against the computer with score tracking.",
"category": "Small Games",
"categoryKey": "games",
"difficulty": "easy"
},
{
"title": "QR Code Generator & Scanner",
"slug": "qr-code-generator-scanner",
"description": "Generate and scan QR codes from text or images.",
"category": "Mini Data",
"categoryKey": "data",
"difficulty": "medium"
}
]
20 changes: 20 additions & 0 deletions projects/number-guessing-game/index.html
Original file line number Diff line number Diff line change
@@ -0,0 +1,20 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Number Guessing Game</title>
<link rel="stylesheet" href="styles.css">
</head>
<body>
<h1>Number Guessing Game</h1>
<div id="game-container">
<!-- TODO: Input for user guess -->
<!-- TODO: Button to submit guess -->
<!-- TODO: Display feedback (too high, too low, correct) -->
<!-- TODO: Show number of attempts -->
<!-- TODO: Option to restart game -->
</div>
<script src="main.js"></script>
</body>
</html>
15 changes: 15 additions & 0 deletions projects/number-guessing-game/main.js
Original file line number Diff line number Diff line change
@@ -0,0 +1,15 @@
// TODO: Generate a random number
// TODO: Handle user guess input
// TODO: Compare guess to target number
// TODO: Provide feedback (too high, too low, correct)
// TODO: Track number of attempts
// TODO: Restart game functionality

function initNumberGuessingGame() {
// TODO: Generate random number
// TODO: Handle user input and feedback
// TODO: Track attempts
// TODO: Restart game
}

window.addEventListener('DOMContentLoaded', initNumberGuessingGame);
1 change: 1 addition & 0 deletions projects/number-guessing-game/styles.css
Original file line number Diff line number Diff line change
@@ -0,0 +1 @@
/* TODO: Style game container, input, button, feedback, attempts, restart button */
20 changes: 20 additions & 0 deletions projects/qr-code-generator-scanner/index.html
Original file line number Diff line number Diff line change
@@ -0,0 +1,20 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>QR Code Generator & Scanner</title>
<link rel="stylesheet" href="styles.css">
</head>
<body>
<h1>QR Code Generator & Scanner</h1>
<div id="qr-container">
<!-- TODO: Input for text/URL to generate QR code -->
<!-- TODO: Display generated QR code -->
<!-- TODO: Option to download QR code -->
<!-- TODO: Input for uploading/scanning QR code image -->
<!-- TODO: Display scanned QR code result -->
</div>
<script src="main.js"></script>
</body>
</html>
14 changes: 14 additions & 0 deletions projects/qr-code-generator-scanner/main.js
Original file line number Diff line number Diff line change
@@ -0,0 +1,14 @@
// TODO: Generate QR code from input text/URL
// TODO: Display generated QR code
// TODO: Download QR code image
// TODO: Scan uploaded QR code image
// TODO: Display scanned QR code result

function initQRCodeGeneratorScanner() {
// TODO: Generate QR code from input
// TODO: Scan QR code from image
// TODO: Display results
// TODO: Download QR code
}

window.addEventListener('DOMContentLoaded', initQRCodeGeneratorScanner);
1 change: 1 addition & 0 deletions projects/qr-code-generator-scanner/styles.css
Original file line number Diff line number Diff line change
@@ -0,0 +1 @@
/* TODO: Style QR container, input, QR code display, download button, scan input, result display */
20 changes: 20 additions & 0 deletions projects/rock-paper-scissors/index.html
Original file line number Diff line number Diff line change
@@ -0,0 +1,20 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Rock-Paper-Scissors Game</title>
<link rel="stylesheet" href="styles.css">
</head>
<body>
<h1>Rock-Paper-Scissors Game</h1>
<div id="rps-container">
<!-- TODO: Buttons for Rock, Paper, Scissors -->
<!-- TODO: Display user and computer choices -->
<!-- TODO: Show result (win/lose/draw) -->
<!-- TODO: Scoreboard for user and computer -->
<!-- TODO: Option to restart game -->
</div>
<script src="main.js"></script>
</body>
</html>
14 changes: 14 additions & 0 deletions projects/rock-paper-scissors/main.js
Original file line number Diff line number Diff line change
@@ -0,0 +1,14 @@
// TODO: Handle user selection (rock, paper, scissors)
// TODO: Generate computer choice
// TODO: Determine winner/loser/draw
// TODO: Update and display scoreboard
// TODO: Restart game functionality

function initRockPaperScissors() {
// TODO: Handle user choice
// TODO: Generate computer choice
// TODO: Determine winner
// TODO: Update scoreboard
}

window.addEventListener('DOMContentLoaded', initRockPaperScissors);
1 change: 1 addition & 0 deletions projects/rock-paper-scissors/styles.css
Original file line number Diff line number Diff line change
@@ -0,0 +1 @@
/* TODO: Style RPS container, buttons, choices display, scoreboard, restart button */
20 changes: 20 additions & 0 deletions projects/text-encryption-decryption/index.html
Original file line number Diff line number Diff line change
@@ -0,0 +1,20 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Text Encryption / Decryption Tool</title>
<link rel="stylesheet" href="styles.css">
</head>
<body>
<h1>Text Encryption / Decryption Tool</h1>
<div id="tool-container">
<!-- TODO: Textarea for input text -->
<!-- TODO: Buttons for Encrypt and Decrypt -->
<!-- TODO: Display encrypted/decrypted result -->
<!-- TODO: Option to copy result to clipboard -->
<!-- TODO: Select encryption algorithm (basic, e.g., Caesar cipher) -->
</div>
<script src="main.js"></script>
</body>
</html>
14 changes: 14 additions & 0 deletions projects/text-encryption-decryption/main.js
Original file line number Diff line number Diff line change
@@ -0,0 +1,14 @@
// TODO: Encrypt input text (e.g., Caesar cipher)
// TODO: Decrypt input text
// TODO: Handle input and output display
// TODO: Copy result to clipboard
// TODO: Select encryption algorithm

function initTextEncryptionDecryption() {
// TODO: Handle text input
// TODO: Encrypt and decrypt functions
// TODO: Display result
// TODO: Copy to clipboard
}

window.addEventListener('DOMContentLoaded', initTextEncryptionDecryption);
1 change: 1 addition & 0 deletions projects/text-encryption-decryption/styles.css
Original file line number Diff line number Diff line change
@@ -0,0 +1 @@
/* TODO: Style tool container, textarea, buttons, result display, algorithm selector */
Loading