+ Cash Register Project
+ +
+
+
+
+
+
+
+
+
+
+
+ Total: $4.23
+ +
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Change in Drawer
+Pennies: $1.01
+Nickels: $2.05
+Dimes: $3.10
+Quarters: $4.25
+Ones: $90
+Fives: $55
+Tens: $20
+Twenties: $60
+Hundreds: $100
+
+
+
+ ${money[0]}: $${money[1]}
`) + ); + return; +}; + +const checkCashRegister = () => { + if (Number(cash.value) < newItemPrice) { + alert('Customer does not have enough money to purchase item'); + cash.value = ''; + return; + } + + if (Number(cash.value) === newItemPrice) { + displayChangeDue.innerHTML = 'No change due. Customer paid with exact cash'; + cash.value = ''; + return; + } + + let changeDue = Number(cash.value) - newItemPrice; + let reversedCid = [...cid].reverse(); + let denominations = [100, 20, 10, 5, 1, 0.25, 0.1, 0.05, 0.01]; + let result = { status: 'OPEN', change: [] }; + let totalCID = parseFloat( + cid + .map(total => total[1]) + .reduce((prev, curr) => prev + curr) + .toFixed(2) + ); + + if (totalCID < changeDue) { + return (displayChangeDue.innerHTML = 'Status: INSUFFICIENT_FUNDS'); + } + + if (totalCID === changeDue) { + formatResults('CLOSED', cid); + } + + for (let i = 0; i <= reversedCid.length; i++) { + if (changeDue > denominations[i] && changeDue > 0) { + let count = 0; + let total = reversedCid[i][1]; + while (total > 0 && changeDue >= denominations[i]) { + total -= denominations[i]; + changeDue = parseFloat((changeDue -= denominations[i]).toFixed(2)); + count++; + } + result.change.push([reversedCid[i][0], count * denominations[i]]); + } + } + if (changeDue > 0) { + return (displayChangeDue.innerHTML = 'Status: INSUFFICIENT_FUNDS'); + } + + formatResults(result.status, result.change); + cash.value = ''; + return; +}; + +const checkResults = () => { + if (!cash.value) { + return; + } + checkCashRegister(); +}; + +purchaseBtn.addEventListener('click', checkResults); +cash.addEventListener('keydown', e => { + if (e.key === 'Enter') { + checkResults(); + } +}); + +newItemBtn.addEventListener('click', getNewPrice); diff --git a/apps/cash-register/public/styles.css b/apps/cash-register/public/styles.css new file mode 100644 index 00000000..ff9aa783 --- /dev/null +++ b/apps/cash-register/public/styles.css @@ -0,0 +1,154 @@ +* { + margin: 0; + padding: 0; + box-sizing: border-box; +} + +:root { + --light-gray: #dfdfe2; + --dark-blue: #0a0a23; +} + +body { + background-color: var(--dark-blue); + color: var(--light-gray); +} + +main { + display: flex; + flex-wrap: wrap; + align-items: center; + justify-content: center; + flex-direction: column; + padding: 40px 10px; +} + +.freecodecamp-logo { + width: 100%; + height: 30px; + margin-bottom: 20px; +} + +h1 { + font-size: 2.5rem; + margin: 20px 0; + text-align: center; +} + +#change-due { + text-align: left; + font-size: 1.2rem; +} + +.container { + display: flex; + flex-direction: column; + justify-content: center; + align-items: center; +} + +.input-div { + display: flex; + justify-content: center; + align-items: center; + flex-wrap: wrap; + margin: 10px 0 20px; +} + +.user-input { + height: 30px; + padding: 10px; + margin: 10px; + font-size: 15px; +} + +.change-title { + font-weight: bold; +} + +.price-screen { + border: 10px solid #99c9ff; + background-color: black; + height: 50px; + width: 200px; + margin-left: -40px; + color: white; + font-size: 1.2rem; + text-align: center; + display: flex; + flex-wrap: wrap; + align-items: center; + justify-content: center; +} + +#price { + font-size: 1.5rem; + text-align: center; +} + +.connector { + margin-left: -20px; + background-color: #99c9ff; + height: 30px; + width: 40px; +} + +.top-register { + display: flex; + justify-content: space-around; + border-radius: 35px 35px 0 0; + padding-top: 20px; + background-color: #99c9ff; + height: 250px; + width: 350px; +} + +.btns-container { + width: 30%; +} + +.btn { + border-radius: 10%; + border: none; + width: 30px; + height: 30px; + background-color: black; +} + +.check-btn-styles { + cursor: pointer; + width: 100px; + height: 30px; + margin: 10px; + color: #0a0a23; + font-size: 18px; + font-weight: bold; + background-color: #feac32; + background-image: linear-gradient(#fecc4c, #ffac33); + border-color: #feac32; + border-width: 3px; +} + +.results { + font-size: 1.1rem; + background-color: white; + width: 50%; + height: 95%; + color: black; + padding: 10px; +} + +.bottom-register { + background-color: #99c9ff; + height: 50px; + width: 400px; + margin-top: 10px; +} + +.circle { + margin: 15px auto; + border-radius: 50%; + width: 20px; + height: 20px; + background-color: black; +} diff --git a/apps/cash-register/sample.env b/apps/cash-register/sample.env new file mode 100644 index 00000000..2fc80e3a --- /dev/null +++ b/apps/cash-register/sample.env @@ -0,0 +1 @@ +PORT=3000 diff --git a/apps/cash-register/server.js b/apps/cash-register/server.js new file mode 100644 index 00000000..a3edd40c --- /dev/null +++ b/apps/cash-register/server.js @@ -0,0 +1,15 @@ +require('dotenv').config(); +const express = require('express'); +const app = express(); + +app.use(express.static('public')); + +app.get('', (req, res) => { + res.sendFile(`${process.cwd()}/index.html`); +}); + +const portNum = process.env.PORT || 3000; + +app.listen(portNum, () => { + console.log(`Listening on port ${portNum}`); +}); diff --git a/apps/palindrome-checker/.dockerignore b/apps/palindrome-checker/.dockerignore new file mode 100644 index 00000000..6d6356b8 --- /dev/null +++ b/apps/palindrome-checker/.dockerignore @@ -0,0 +1,6 @@ +.env +.git +.gitignore +.dockerignore +node_modules +Dockerfile diff --git a/apps/palindrome-checker/index.html b/apps/palindrome-checker/index.html new file mode 100644 index 00000000..9e7b30d4 --- /dev/null +++ b/apps/palindrome-checker/index.html @@ -0,0 +1,46 @@ + + + + + + + +
+ Is it a Palindrome?
+
+
+
+
+
+
+
+ + 💡 + A palindrome is a word or phrase that can be read the same way + forwards and backwards. +
+Pokémon Search App
+
+
+
+
+
+
diff --git a/apps/pokemon-search-app/package-lock.json b/apps/pokemon-search-app/package-lock.json
new file mode 100644
index 00000000..d5aec98e
--- /dev/null
+++ b/apps/pokemon-search-app/package-lock.json
@@ -0,0 +1,516 @@
+{
+ "name": "random-quote-machine-js",
+ "version": "0.0.1",
+ "lockfileVersion": 3,
+ "requires": true,
+ "packages": {
+ "": {
+ "name": "random-quote-machine-js",
+ "version": "0.0.1",
+ "dependencies": {
+ "dotenv": "16.0.0",
+ "express": "4.17.3"
+ }
+ },
+ "node_modules/accepts": {
+ "version": "1.3.8",
+ "resolved": "https://registry.npmjs.org/accepts/-/accepts-1.3.8.tgz",
+ "integrity": "sha512-PYAthTa2m2VKxuvSD3DPC/Gy+U+sOA1LAuT8mkmRuvw+NACSaeXEQ+NHcVF7rONl6qcaxV3Uuemwawk+7+SJLw==",
+ "dependencies": {
+ "mime-types": "~2.1.34",
+ "negotiator": "0.6.3"
+ },
+ "engines": {
+ "node": ">= 0.6"
+ }
+ },
+ "node_modules/array-flatten": {
+ "version": "1.1.1",
+ "resolved": "https://registry.npmjs.org/array-flatten/-/array-flatten-1.1.1.tgz",
+ "integrity": "sha512-PCVAQswWemu6UdxsDFFX/+gVeYqKAod3D3UVm91jHwynguOwAvYPhx8nNlM++NqRcK6CxxpUafjmhIdKiHibqg=="
+ },
+ "node_modules/body-parser": {
+ "version": "1.19.2",
+ "resolved": "https://registry.npmjs.org/body-parser/-/body-parser-1.19.2.tgz",
+ "integrity": "sha512-SAAwOxgoCKMGs9uUAUFHygfLAyaniaoun6I8mFY9pRAJL9+Kec34aU+oIjDhTycub1jozEfEwx1W1IuOYxVSFw==",
+ "dependencies": {
+ "bytes": "3.1.2",
+ "content-type": "~1.0.4",
+ "debug": "2.6.9",
+ "depd": "~1.1.2",
+ "http-errors": "1.8.1",
+ "iconv-lite": "0.4.24",
+ "on-finished": "~2.3.0",
+ "qs": "6.9.7",
+ "raw-body": "2.4.3",
+ "type-is": "~1.6.18"
+ },
+ "engines": {
+ "node": ">= 0.8"
+ }
+ },
+ "node_modules/bytes": {
+ "version": "3.1.2",
+ "resolved": "https://registry.npmjs.org/bytes/-/bytes-3.1.2.tgz",
+ "integrity": "sha512-/Nf7TyzTx6S3yRJObOAV7956r8cr2+Oj8AC5dt8wSP3BQAoeX58NoHyCU8P8zGkNXStjTSi6fzO6F0pBdcYbEg==",
+ "engines": {
+ "node": ">= 0.8"
+ }
+ },
+ "node_modules/content-disposition": {
+ "version": "0.5.4",
+ "resolved": "https://registry.npmjs.org/content-disposition/-/content-disposition-0.5.4.tgz",
+ "integrity": "sha512-FveZTNuGw04cxlAiWbzi6zTAL/lhehaWbTtgluJh4/E95DqMwTmha3KZN1aAWA8cFIhHzMZUvLevkw5Rqk+tSQ==",
+ "dependencies": {
+ "safe-buffer": "5.2.1"
+ },
+ "engines": {
+ "node": ">= 0.6"
+ }
+ },
+ "node_modules/content-type": {
+ "version": "1.0.5",
+ "resolved": "https://registry.npmjs.org/content-type/-/content-type-1.0.5.tgz",
+ "integrity": "sha512-nTjqfcBFEipKdXCv4YDQWCfmcLZKm81ldF0pAopTvyrFGVbcR6P/VAAd5G7N+0tTr8QqiU0tFadD6FK4NtJwOA==",
+ "engines": {
+ "node": ">= 0.6"
+ }
+ },
+ "node_modules/cookie": {
+ "version": "0.4.2",
+ "resolved": "https://registry.npmjs.org/cookie/-/cookie-0.4.2.tgz",
+ "integrity": "sha512-aSWTXFzaKWkvHO1Ny/s+ePFpvKsPnjc551iI41v3ny/ow6tBG5Vd+FuqGNhh1LxOmVzOlGUriIlOaokOvhaStA==",
+ "engines": {
+ "node": ">= 0.6"
+ }
+ },
+ "node_modules/cookie-signature": {
+ "version": "1.0.6",
+ "resolved": "https://registry.npmjs.org/cookie-signature/-/cookie-signature-1.0.6.tgz",
+ "integrity": "sha512-QADzlaHc8icV8I7vbaJXJwod9HWYp8uCqf1xa4OfNu1T7JVxQIrUgOWtHdNDtPiywmFbiS12VjotIXLrKM3orQ=="
+ },
+ "node_modules/debug": {
+ "version": "2.6.9",
+ "resolved": "https://registry.npmjs.org/debug/-/debug-2.6.9.tgz",
+ "integrity": "sha512-bC7ElrdJaJnPbAP+1EotYvqZsb3ecl5wi6Bfi6BJTUcNowp6cvspg0jXznRTKDjm/E7AdgFBVeAPVMNcKGsHMA==",
+ "dependencies": {
+ "ms": "2.0.0"
+ }
+ },
+ "node_modules/depd": {
+ "version": "1.1.2",
+ "resolved": "https://registry.npmjs.org/depd/-/depd-1.1.2.tgz",
+ "integrity": "sha512-7emPTl6Dpo6JRXOXjLRxck+FlLRX5847cLKEn00PLAgc3g2hTZZgr+e4c2v6QpSmLeFP3n5yUo7ft6avBK/5jQ==",
+ "engines": {
+ "node": ">= 0.6"
+ }
+ },
+ "node_modules/destroy": {
+ "version": "1.0.4",
+ "resolved": "https://registry.npmjs.org/destroy/-/destroy-1.0.4.tgz",
+ "integrity": "sha512-3NdhDuEXnfun/z7x9GOElY49LoqVHoGScmOKwmxhsS8N5Y+Z8KyPPDnaSzqWgYt/ji4mqwfTS34Htrk0zPIXVg=="
+ },
+ "node_modules/dotenv": {
+ "version": "16.0.0",
+ "resolved": "https://registry.npmjs.org/dotenv/-/dotenv-16.0.0.tgz",
+ "integrity": "sha512-qD9WU0MPM4SWLPJy/r2Be+2WgQj8plChsyrCNQzW/0WjvcJQiKQJ9mH3ZgB3fxbUUxgc/11ZJ0Fi5KiimWGz2Q==",
+ "engines": {
+ "node": ">=12"
+ }
+ },
+ "node_modules/ee-first": {
+ "version": "1.1.1",
+ "resolved": "https://registry.npmjs.org/ee-first/-/ee-first-1.1.1.tgz",
+ "integrity": "sha512-WMwm9LhRUo+WUaRN+vRuETqG89IgZphVSNkdFgeb6sS/E4OrDIN7t48CAewSHXc6C8lefD8KKfr5vY61brQlow=="
+ },
+ "node_modules/encodeurl": {
+ "version": "1.0.2",
+ "resolved": "https://registry.npmjs.org/encodeurl/-/encodeurl-1.0.2.tgz",
+ "integrity": "sha512-TPJXq8JqFaVYm2CWmPvnP2Iyo4ZSM7/QKcSmuMLDObfpH5fi7RUGmd/rTDf+rut/saiDiQEeVTNgAmJEdAOx0w==",
+ "engines": {
+ "node": ">= 0.8"
+ }
+ },
+ "node_modules/escape-html": {
+ "version": "1.0.3",
+ "resolved": "https://registry.npmjs.org/escape-html/-/escape-html-1.0.3.tgz",
+ "integrity": "sha512-NiSupZ4OeuGwr68lGIeym/ksIZMJodUGOSCZ/FSnTxcrekbvqrgdUxlJOMpijaKZVjAJrWrGs/6Jy8OMuyj9ow=="
+ },
+ "node_modules/etag": {
+ "version": "1.8.1",
+ "resolved": "https://registry.npmjs.org/etag/-/etag-1.8.1.tgz",
+ "integrity": "sha512-aIL5Fx7mawVa300al2BnEE4iNvo1qETxLrPI/o05L7z6go7fCw1J6EQmbK4FmJ2AS7kgVF/KEZWufBfdClMcPg==",
+ "engines": {
+ "node": ">= 0.6"
+ }
+ },
+ "node_modules/express": {
+ "version": "4.17.3",
+ "resolved": "https://registry.npmjs.org/express/-/express-4.17.3.tgz",
+ "integrity": "sha512-yuSQpz5I+Ch7gFrPCk4/c+dIBKlQUxtgwqzph132bsT6qhuzss6I8cLJQz7B3rFblzd6wtcI0ZbGltH/C4LjUg==",
+ "dependencies": {
+ "accepts": "~1.3.8",
+ "array-flatten": "1.1.1",
+ "body-parser": "1.19.2",
+ "content-disposition": "0.5.4",
+ "content-type": "~1.0.4",
+ "cookie": "0.4.2",
+ "cookie-signature": "1.0.6",
+ "debug": "2.6.9",
+ "depd": "~1.1.2",
+ "encodeurl": "~1.0.2",
+ "escape-html": "~1.0.3",
+ "etag": "~1.8.1",
+ "finalhandler": "~1.1.2",
+ "fresh": "0.5.2",
+ "merge-descriptors": "1.0.1",
+ "methods": "~1.1.2",
+ "on-finished": "~2.3.0",
+ "parseurl": "~1.3.3",
+ "path-to-regexp": "0.1.7",
+ "proxy-addr": "~2.0.7",
+ "qs": "6.9.7",
+ "range-parser": "~1.2.1",
+ "safe-buffer": "5.2.1",
+ "send": "0.17.2",
+ "serve-static": "1.14.2",
+ "setprototypeof": "1.2.0",
+ "statuses": "~1.5.0",
+ "type-is": "~1.6.18",
+ "utils-merge": "1.0.1",
+ "vary": "~1.1.2"
+ },
+ "engines": {
+ "node": ">= 0.10.0"
+ }
+ },
+ "node_modules/finalhandler": {
+ "version": "1.1.2",
+ "resolved": "https://registry.npmjs.org/finalhandler/-/finalhandler-1.1.2.tgz",
+ "integrity": "sha512-aAWcW57uxVNrQZqFXjITpW3sIUQmHGG3qSb9mUah9MgMC4NeWhNOlNjXEYq3HjRAvL6arUviZGGJsBg6z0zsWA==",
+ "dependencies": {
+ "debug": "2.6.9",
+ "encodeurl": "~1.0.2",
+ "escape-html": "~1.0.3",
+ "on-finished": "~2.3.0",
+ "parseurl": "~1.3.3",
+ "statuses": "~1.5.0",
+ "unpipe": "~1.0.0"
+ },
+ "engines": {
+ "node": ">= 0.8"
+ }
+ },
+ "node_modules/forwarded": {
+ "version": "0.2.0",
+ "resolved": "https://registry.npmjs.org/forwarded/-/forwarded-0.2.0.tgz",
+ "integrity": "sha512-buRG0fpBtRHSTCOASe6hD258tEubFoRLb4ZNA6NxMVHNw2gOcwHo9wyablzMzOA5z9xA9L1KNjk/Nt6MT9aYow==",
+ "engines": {
+ "node": ">= 0.6"
+ }
+ },
+ "node_modules/fresh": {
+ "version": "0.5.2",
+ "resolved": "https://registry.npmjs.org/fresh/-/fresh-0.5.2.tgz",
+ "integrity": "sha512-zJ2mQYM18rEFOudeV4GShTGIQ7RbzA7ozbU9I/XBpm7kqgMywgmylMwXHxZJmkVoYkna9d2pVXVXPdYTP9ej8Q==",
+ "engines": {
+ "node": ">= 0.6"
+ }
+ },
+ "node_modules/http-errors": {
+ "version": "1.8.1",
+ "resolved": "https://registry.npmjs.org/http-errors/-/http-errors-1.8.1.tgz",
+ "integrity": "sha512-Kpk9Sm7NmI+RHhnj6OIWDI1d6fIoFAtFt9RLaTMRlg/8w49juAStsrBgp0Dp4OdxdVbRIeKhtCUvoi/RuAhO4g==",
+ "dependencies": {
+ "depd": "~1.1.2",
+ "inherits": "2.0.4",
+ "setprototypeof": "1.2.0",
+ "statuses": ">= 1.5.0 < 2",
+ "toidentifier": "1.0.1"
+ },
+ "engines": {
+ "node": ">= 0.6"
+ }
+ },
+ "node_modules/iconv-lite": {
+ "version": "0.4.24",
+ "resolved": "https://registry.npmjs.org/iconv-lite/-/iconv-lite-0.4.24.tgz",
+ "integrity": "sha512-v3MXnZAcvnywkTUEZomIActle7RXXeedOR31wwl7VlyoXO4Qi9arvSenNQWne1TcRwhCL1HwLI21bEqdpj8/rA==",
+ "dependencies": {
+ "safer-buffer": ">= 2.1.2 < 3"
+ },
+ "engines": {
+ "node": ">=0.10.0"
+ }
+ },
+ "node_modules/inherits": {
+ "version": "2.0.4",
+ "resolved": "https://registry.npmjs.org/inherits/-/inherits-2.0.4.tgz",
+ "integrity": "sha512-k/vGaX4/Yla3WzyMCvTQOXYeIHvqOKtnqBduzTHpzpQZzAskKMhZ2K+EnBiSM9zGSoIFeMpXKxa4dYeZIQqewQ=="
+ },
+ "node_modules/ipaddr.js": {
+ "version": "1.9.1",
+ "resolved": "https://registry.npmjs.org/ipaddr.js/-/ipaddr.js-1.9.1.tgz",
+ "integrity": "sha512-0KI/607xoxSToH7GjN1FfSbLoU0+btTicjsQSWQlh/hZykN8KpmMf7uYwPW3R+akZ6R/w18ZlXSHBYXiYUPO3g==",
+ "engines": {
+ "node": ">= 0.10"
+ }
+ },
+ "node_modules/media-typer": {
+ "version": "0.3.0",
+ "resolved": "https://registry.npmjs.org/media-typer/-/media-typer-0.3.0.tgz",
+ "integrity": "sha512-dq+qelQ9akHpcOl/gUVRTxVIOkAJ1wR3QAvb4RsVjS8oVoFjDGTc679wJYmUmknUF5HwMLOgb5O+a3KxfWapPQ==",
+ "engines": {
+ "node": ">= 0.6"
+ }
+ },
+ "node_modules/merge-descriptors": {
+ "version": "1.0.1",
+ "resolved": "https://registry.npmjs.org/merge-descriptors/-/merge-descriptors-1.0.1.tgz",
+ "integrity": "sha512-cCi6g3/Zr1iqQi6ySbseM1Xvooa98N0w31jzUYrXPX2xqObmFGHJ0tQ5u74H3mVh7wLouTseZyYIq39g8cNp1w=="
+ },
+ "node_modules/methods": {
+ "version": "1.1.2",
+ "resolved": "https://registry.npmjs.org/methods/-/methods-1.1.2.tgz",
+ "integrity": "sha512-iclAHeNqNm68zFtnZ0e+1L2yUIdvzNoauKU4WBA3VvH/vPFieF7qfRlwUZU+DA9P9bPXIS90ulxoUoCH23sV2w==",
+ "engines": {
+ "node": ">= 0.6"
+ }
+ },
+ "node_modules/mime": {
+ "version": "1.6.0",
+ "resolved": "https://registry.npmjs.org/mime/-/mime-1.6.0.tgz",
+ "integrity": "sha512-x0Vn8spI+wuJ1O6S7gnbaQg8Pxh4NNHb7KSINmEWKiPE4RKOplvijn+NkmYmmRgP68mc70j2EbeTFRsrswaQeg==",
+ "bin": {
+ "mime": "cli.js"
+ },
+ "engines": {
+ "node": ">=4"
+ }
+ },
+ "node_modules/mime-db": {
+ "version": "1.52.0",
+ "resolved": "https://registry.npmjs.org/mime-db/-/mime-db-1.52.0.tgz",
+ "integrity": "sha512-sPU4uV7dYlvtWJxwwxHD0PuihVNiE7TyAbQ5SWxDCB9mUYvOgroQOwYQQOKPJ8CIbE+1ETVlOoK1UC2nU3gYvg==",
+ "engines": {
+ "node": ">= 0.6"
+ }
+ },
+ "node_modules/mime-types": {
+ "version": "2.1.35",
+ "resolved": "https://registry.npmjs.org/mime-types/-/mime-types-2.1.35.tgz",
+ "integrity": "sha512-ZDY+bPm5zTTF+YpCrAU9nK0UgICYPT0QtT1NZWFv4s++TNkcgVaT0g6+4R2uI4MjQjzysHB1zxuWL50hzaeXiw==",
+ "dependencies": {
+ "mime-db": "1.52.0"
+ },
+ "engines": {
+ "node": ">= 0.6"
+ }
+ },
+ "node_modules/ms": {
+ "version": "2.0.0",
+ "resolved": "https://registry.npmjs.org/ms/-/ms-2.0.0.tgz",
+ "integrity": "sha512-Tpp60P6IUJDTuOq/5Z8cdskzJujfwqfOTkrwIwj7IRISpnkJnT6SyJ4PCPnGMoFjC9ddhal5KVIYtAt97ix05A=="
+ },
+ "node_modules/negotiator": {
+ "version": "0.6.3",
+ "resolved": "https://registry.npmjs.org/negotiator/-/negotiator-0.6.3.tgz",
+ "integrity": "sha512-+EUsqGPLsM+j/zdChZjsnX51g4XrHFOIXwfnCVPGlQk/k5giakcKsuxCObBRu6DSm9opw/O6slWbJdghQM4bBg==",
+ "engines": {
+ "node": ">= 0.6"
+ }
+ },
+ "node_modules/on-finished": {
+ "version": "2.3.0",
+ "resolved": "https://registry.npmjs.org/on-finished/-/on-finished-2.3.0.tgz",
+ "integrity": "sha512-ikqdkGAAyf/X/gPhXGvfgAytDZtDbr+bkNUJ0N9h5MI/dmdgCs3l6hoHrcUv41sRKew3jIwrp4qQDXiK99Utww==",
+ "dependencies": {
+ "ee-first": "1.1.1"
+ },
+ "engines": {
+ "node": ">= 0.8"
+ }
+ },
+ "node_modules/parseurl": {
+ "version": "1.3.3",
+ "resolved": "https://registry.npmjs.org/parseurl/-/parseurl-1.3.3.tgz",
+ "integrity": "sha512-CiyeOxFT/JZyN5m0z9PfXw4SCBJ6Sygz1Dpl0wqjlhDEGGBP1GnsUVEL0p63hoG1fcj3fHynXi9NYO4nWOL+qQ==",
+ "engines": {
+ "node": ">= 0.8"
+ }
+ },
+ "node_modules/path-to-regexp": {
+ "version": "0.1.7",
+ "resolved": "https://registry.npmjs.org/path-to-regexp/-/path-to-regexp-0.1.7.tgz",
+ "integrity": "sha512-5DFkuoqlv1uYQKxy8omFBeJPQcdoE07Kv2sferDCrAq1ohOU+MSDswDIbnx3YAM60qIOnYa53wBhXW0EbMonrQ=="
+ },
+ "node_modules/proxy-addr": {
+ "version": "2.0.7",
+ "resolved": "https://registry.npmjs.org/proxy-addr/-/proxy-addr-2.0.7.tgz",
+ "integrity": "sha512-llQsMLSUDUPT44jdrU/O37qlnifitDP+ZwrmmZcoSKyLKvtZxpyV0n2/bD/N4tBAAZ/gJEdZU7KMraoK1+XYAg==",
+ "dependencies": {
+ "forwarded": "0.2.0",
+ "ipaddr.js": "1.9.1"
+ },
+ "engines": {
+ "node": ">= 0.10"
+ }
+ },
+ "node_modules/qs": {
+ "version": "6.9.7",
+ "resolved": "https://registry.npmjs.org/qs/-/qs-6.9.7.tgz",
+ "integrity": "sha512-IhMFgUmuNpyRfxA90umL7ByLlgRXu6tIfKPpF5TmcfRLlLCckfP/g3IQmju6jjpu+Hh8rA+2p6A27ZSPOOHdKw==",
+ "engines": {
+ "node": ">=0.6"
+ },
+ "funding": {
+ "url": "https://github.com/sponsors/ljharb"
+ }
+ },
+ "node_modules/range-parser": {
+ "version": "1.2.1",
+ "resolved": "https://registry.npmjs.org/range-parser/-/range-parser-1.2.1.tgz",
+ "integrity": "sha512-Hrgsx+orqoygnmhFbKaHE6c296J+HTAQXoxEF6gNupROmmGJRoyzfG3ccAveqCBrwr/2yxQ5BVd/GTl5agOwSg==",
+ "engines": {
+ "node": ">= 0.6"
+ }
+ },
+ "node_modules/raw-body": {
+ "version": "2.4.3",
+ "resolved": "https://registry.npmjs.org/raw-body/-/raw-body-2.4.3.tgz",
+ "integrity": "sha512-UlTNLIcu0uzb4D2f4WltY6cVjLi+/jEN4lgEUj3E04tpMDpUlkBo/eSn6zou9hum2VMNpCCUone0O0WeJim07g==",
+ "dependencies": {
+ "bytes": "3.1.2",
+ "http-errors": "1.8.1",
+ "iconv-lite": "0.4.24",
+ "unpipe": "1.0.0"
+ },
+ "engines": {
+ "node": ">= 0.8"
+ }
+ },
+ "node_modules/safe-buffer": {
+ "version": "5.2.1",
+ "resolved": "https://registry.npmjs.org/safe-buffer/-/safe-buffer-5.2.1.tgz",
+ "integrity": "sha512-rp3So07KcdmmKbGvgaNxQSJr7bGVSVk5S9Eq1F+ppbRo70+YeaDxkw5Dd8NPN+GD6bjnYm2VuPuCXmpuYvmCXQ==",
+ "funding": [
+ {
+ "type": "github",
+ "url": "https://github.com/sponsors/feross"
+ },
+ {
+ "type": "patreon",
+ "url": "https://www.patreon.com/feross"
+ },
+ {
+ "type": "consulting",
+ "url": "https://feross.org/support"
+ }
+ ]
+ },
+ "node_modules/safer-buffer": {
+ "version": "2.1.2",
+ "resolved": "https://registry.npmjs.org/safer-buffer/-/safer-buffer-2.1.2.tgz",
+ "integrity": "sha512-YZo3K82SD7Riyi0E1EQPojLz7kpepnSQI9IyPbHHg1XXXevb5dJI7tpyN2ADxGcQbHG7vcyRHk0cbwqcQriUtg=="
+ },
+ "node_modules/send": {
+ "version": "0.17.2",
+ "resolved": "https://registry.npmjs.org/send/-/send-0.17.2.tgz",
+ "integrity": "sha512-UJYB6wFSJE3G00nEivR5rgWp8c2xXvJ3OPWPhmuteU0IKj8nKbG3DrjiOmLwpnHGYWAVwA69zmTm++YG0Hmwww==",
+ "dependencies": {
+ "debug": "2.6.9",
+ "depd": "~1.1.2",
+ "destroy": "~1.0.4",
+ "encodeurl": "~1.0.2",
+ "escape-html": "~1.0.3",
+ "etag": "~1.8.1",
+ "fresh": "0.5.2",
+ "http-errors": "1.8.1",
+ "mime": "1.6.0",
+ "ms": "2.1.3",
+ "on-finished": "~2.3.0",
+ "range-parser": "~1.2.1",
+ "statuses": "~1.5.0"
+ },
+ "engines": {
+ "node": ">= 0.8.0"
+ }
+ },
+ "node_modules/send/node_modules/ms": {
+ "version": "2.1.3",
+ "resolved": "https://registry.npmjs.org/ms/-/ms-2.1.3.tgz",
+ "integrity": "sha512-6FlzubTLZG3J2a/NVCAleEhjzq5oxgHyaCU9yYXvcLsvoVaHJq/s5xXI6/XXP6tz7R9xAOtHnSO/tXtF3WRTlA=="
+ },
+ "node_modules/serve-static": {
+ "version": "1.14.2",
+ "resolved": "https://registry.npmjs.org/serve-static/-/serve-static-1.14.2.tgz",
+ "integrity": "sha512-+TMNA9AFxUEGuC0z2mevogSnn9MXKb4fa7ngeRMJaaGv8vTwnIEkKi+QGvPt33HSnf8pRS+WGM0EbMtCJLKMBQ==",
+ "dependencies": {
+ "encodeurl": "~1.0.2",
+ "escape-html": "~1.0.3",
+ "parseurl": "~1.3.3",
+ "send": "0.17.2"
+ },
+ "engines": {
+ "node": ">= 0.8.0"
+ }
+ },
+ "node_modules/setprototypeof": {
+ "version": "1.2.0",
+ "resolved": "https://registry.npmjs.org/setprototypeof/-/setprototypeof-1.2.0.tgz",
+ "integrity": "sha512-E5LDX7Wrp85Kil5bhZv46j8jOeboKq5JMmYM3gVGdGH8xFpPWXUMsNrlODCrkoxMEeNi/XZIwuRvY4XNwYMJpw=="
+ },
+ "node_modules/statuses": {
+ "version": "1.5.0",
+ "resolved": "https://registry.npmjs.org/statuses/-/statuses-1.5.0.tgz",
+ "integrity": "sha512-OpZ3zP+jT1PI7I8nemJX4AKmAX070ZkYPVWV/AaKTJl+tXCTGyVdC1a4SL8RUQYEwk/f34ZX8UTykN68FwrqAA==",
+ "engines": {
+ "node": ">= 0.6"
+ }
+ },
+ "node_modules/toidentifier": {
+ "version": "1.0.1",
+ "resolved": "https://registry.npmjs.org/toidentifier/-/toidentifier-1.0.1.tgz",
+ "integrity": "sha512-o5sSPKEkg/DIQNmH43V0/uerLrpzVedkUh8tGNvaeXpfpuwjKenlSox/2O/BTlZUtEe+JG7s5YhEz608PlAHRA==",
+ "engines": {
+ "node": ">=0.6"
+ }
+ },
+ "node_modules/type-is": {
+ "version": "1.6.18",
+ "resolved": "https://registry.npmjs.org/type-is/-/type-is-1.6.18.tgz",
+ "integrity": "sha512-TkRKr9sUTxEH8MdfuCSP7VizJyzRNMjj2J2do2Jr3Kym598JVdEksuzPQCnlFPW4ky9Q+iA+ma9BGm06XQBy8g==",
+ "dependencies": {
+ "media-typer": "0.3.0",
+ "mime-types": "~2.1.24"
+ },
+ "engines": {
+ "node": ">= 0.6"
+ }
+ },
+ "node_modules/unpipe": {
+ "version": "1.0.0",
+ "resolved": "https://registry.npmjs.org/unpipe/-/unpipe-1.0.0.tgz",
+ "integrity": "sha512-pjy2bYhSsufwWlKwPc+l3cN7+wuJlK6uz0YdJEOlQDbl6jo/YlPi4mb8agUkVC8BF7V8NuzeyPNqRksA3hztKQ==",
+ "engines": {
+ "node": ">= 0.8"
+ }
+ },
+ "node_modules/utils-merge": {
+ "version": "1.0.1",
+ "resolved": "https://registry.npmjs.org/utils-merge/-/utils-merge-1.0.1.tgz",
+ "integrity": "sha512-pMZTvIkT1d+TFGvDOqodOclx0QWkkgi6Tdoa8gC8ffGAAqz9pzPTZWAybbsHHoED/ztMtkv/VoYTYyShUn81hA==",
+ "engines": {
+ "node": ">= 0.4.0"
+ }
+ },
+ "node_modules/vary": {
+ "version": "1.1.2",
+ "resolved": "https://registry.npmjs.org/vary/-/vary-1.1.2.tgz",
+ "integrity": "sha512-BNGbWLfd0eUPabhkXUVm0j8uuvREyTh5ovRa/dyow/BqAbZJyC+5fU+IzQOzmAKzYqYRAISoRhdQr3eIZ/PXqg==",
+ "engines": {
+ "node": ">= 0.8"
+ }
+ }
+ }
+}
diff --git a/apps/pokemon-search-app/package.json b/apps/pokemon-search-app/package.json
new file mode 100644
index 00000000..4f18ee27
--- /dev/null
+++ b/apps/pokemon-search-app/package.json
@@ -0,0 +1,13 @@
+{
+ "name": "pokemon-search-app",
+ "version": "0.0.1",
+ "description": "JavaScript Algorithms and Data Structures project for freeCodeCamp",
+ "main": "server.js",
+ "scripts": {
+ "start": "node server.js"
+ },
+ "dependencies": {
+ "dotenv": "16.0.0",
+ "express": "4.17.3"
+ }
+}
diff --git a/apps/pokemon-search-app/public/script.js b/apps/pokemon-search-app/public/script.js
new file mode 100644
index 00000000..666ac2fb
--- /dev/null
+++ b/apps/pokemon-search-app/public/script.js
@@ -0,0 +1,78 @@
+const pokemonID = document.getElementById("pokemon-id");
+const pokemonName = document.getElementById("pokemon-name");
+const sprite = document.getElementById("sprite");
+const types = document.getElementById("types");
+const height = document.getElementById("height");
+const weight = document.getElementById("weight");
+const hp = document.getElementById("hp");
+const attack = document.getElementById("attack");
+const defense = document.getElementById("defense");
+const specialAttack = document.getElementById("special-attack");
+const specialDefense = document.getElementById("special-defense");
+const speed = document.getElementById("speed");
+const searchForm = document.getElementById("search-form");
+const searchInput = document.getElementById("search-input");
+
+const getPokemon = async () => {
+ try {
+ const pokemonNameOrId = searchInput.value.toLowerCase();
+ const response = await fetch(
+ `https://pokeapi-proxy.freecodecamp.rocks/api/pokemon/${pokemonNameOrId}`
+ );
+ const data = await response.json();
+
+ // Set Pokémon info
+ pokemonName.innerHTML = `${data.name.toUpperCase()}`;
+ pokemonID.innerHTML = `#${data.id}`;
+ weight.innerHTML = `Weight: ${data.weight}`;
+ height.innerHTML = `Height: ${data.height}`;
+ sprite.src = data.sprites.front_default;
+ sprite.alt = `${data.name} front default sprite`;
+
+ // Set stats
+ hp.innerHTML = data.stats[0].base_stat;
+ attack.innerHTML = data.stats[1].base_stat;
+ defense.innerHTML = data.stats[2].base_stat;
+ specialAttack.innerHTML = data.stats[3].base_stat;
+ specialDefense.innerHTML = data.stats[4].base_stat;
+ speed.innerHTML = data.stats[5].base_stat;
+
+ // Set types
+ let typesHTML = "";
+
+ data.types.forEach((obj) => {
+ typesHTML += `${obj.type.name}`;
+ });
+ types.innerHTML = typesHTML;
+ } catch (err) {
+ resetDisplay();
+ alert("Pokémon not found");
+ console.log(`Pokémon not found: ${err}`);
+ }
+};
+
+searchForm.addEventListener("submit", (e) => {
+ e.preventDefault();
+ getPokemon();
+});
+
+function resetDisplay() {
+ // reset to default display if pokemon is not found
+
+ // reset image src and alt
+ sprite.src = "";
+ sprite.alt = "";
+
+ // reset stats
+ pokemonName.innerHTML = "";
+ pokemonID.innerHTML = "";
+ types.innerHTML = "";
+ height.innerHTML = "";
+ weight.innerHTML = "";
+ hp.innerHTML = "";
+ attack.innerHTML = "";
+ defense.innerHTML = "";
+ specialAttack.innerHTML = "";
+ specialDefense.innerHTML = "";
+ speed.innerHTML = "";
+}
diff --git a/apps/pokemon-search-app/public/styles.css b/apps/pokemon-search-app/public/styles.css
new file mode 100644
index 00000000..ca21b4e0
--- /dev/null
+++ b/apps/pokemon-search-app/public/styles.css
@@ -0,0 +1,254 @@
+/* CSS reset */
+
+*,
+*::before,
+*::after {
+ box-sizing: border-box;
+}
+
+* {
+ margin: 0;
+}
+
+body {
+ line-height: 1.5;
+}
+
+img {
+ display: block;
+}
+
+/* Project styling */
+
+body {
+ font-family: sans-serif;
+ background-color: #0a0a23;
+ color: #0a0a23;
+ font-family: Verdana, Geneva, Tahoma, sans-serif;
+ display: flex;
+ flex-direction: column;
+ align-items: center;
+}
+
+h1 {
+ color: #fff;
+ margin-top: 20px;
+}
+
+.container {
+ width: 325px;
+ margin: 30px 0;
+ background-color: #fff;
+ color: #000;
+ border: 1px solid #fff;
+ border-radius: 15px;
+ box-shadow: 10px 10px 0px 0px rgba(223, 220, 220, 0.75);
+}
+
+.output,
+#search-form {
+ display: flex;
+ justify-content: center;
+}
+
+#search-form {
+ margin: 10px 0;
+ padding: 5px;
+ border-radius: 8px 8px 0 0;
+ gap: 10px;
+}
+
+#search-input {
+ height: 40px;
+ padding-left: 10px;
+ width: 200px;
+}
+
+#search-button {
+ padding: 14px 0;
+ width: 80px;
+ border-radius: 20px;
+ text-align: center;
+ background-color: #a230d7;
+ outline: none;
+ border: none;
+}
+
+.sr-only {
+ position: absolute;
+ left: -10000px;
+ width: 1px;
+ height: 1px;
+}
+
+.output {
+ margin: 10px 0;
+ padding: 5px;
+ flex-direction: column;
+ align-items: center;
+}
+
+.top-container,
+.bottom-container {
+ display: flex;
+ flex-direction: column;
+ min-width: 400px;
+ min-height: 305px;
+}
+
+.top-container {
+ margin-bottom: 10px;
+ padding: 10px;
+ background-color: #f0f1f7;
+}
+
+.name-and-id {
+ height: 28px;
+ font-size: 1.1em;
+ text-transform: capitalize;
+ margin-bottom: 5px;
+}
+
+.size {
+ height: 22px;
+ font-size: 0.85rem;
+}
+
+#sprite {
+ margin: 20px 0;
+ min-width: 180px;
+ min-height: 180px;
+ align-self: center;
+}
+
+#types {
+ min-height: 30px;
+ display: flex;
+ flex-wrap: wrap;
+ justify-content: flex-start;
+ gap: 5px;
+}
+
+.type {
+ width: 66px;
+ padding: 5px;
+ font-size: 0.7rem;
+ text-align: center;
+ border-radius: 5px;
+ background-color: red;
+ text-transform: uppercase;
+}
+
+table {
+ border-collapse: collapse;
+ border-spacing: 0;
+ width: 100%;
+ font-size: 1 rem;
+ color: #fff;
+ background-color: #a230d7;
+}
+
+th:nth-child(even),
+td:nth-child(even) {
+ border-left: 5px solid #fff;
+}
+
+tr {
+ border-bottom: 5px solid #fff;
+}
+
+td,
+th {
+ text-align: center;
+ padding: 8px;
+}
+
+/* Special styling for Pokémon types */
+
+.normal {
+ background-color: #b7b7aa;
+}
+
+.fire {
+ background-color: #ff6f52;
+}
+
+.water {
+ background-color: #42a1ff;
+}
+
+.electric {
+ background-color: #fecc33;
+}
+
+.grass {
+ background-color: #78cc55;
+}
+
+.ice {
+ background-color: #66ccfe;
+}
+
+.fighting {
+ background-color: #d3887e;
+}
+
+.poison {
+ background-color: #c68bb7;
+}
+
+.ground {
+ background-color: #dfba52;
+}
+
+.flying {
+ background-color: #8899ff;
+}
+
+.psychic {
+ background-color: #ff66a3;
+}
+
+.bug {
+ background-color: #aabb23;
+}
+
+.rock {
+ background-color: #baaa66;
+}
+
+.ghost {
+ background-color: #9995d0;
+}
+
+.dragon {
+ background-color: #9e93f1;
+}
+
+.dark {
+ background-color: #b59682;
+}
+
+.steel {
+ background-color: #abaabb;
+}
+
+.fairy {
+ background-color: #ed99ed;
+}
+
+@media screen and (min-width: 550px) {
+ .container {
+ width: 450px;
+ }
+
+ #search-form,
+ .top-container,
+ .bottom-container {
+ width: 95%;
+ }
+
+ .type {
+ width: 75px;
+ }
+}
diff --git a/apps/pokemon-search-app/sample.env b/apps/pokemon-search-app/sample.env
new file mode 100644
index 00000000..2fc80e3a
--- /dev/null
+++ b/apps/pokemon-search-app/sample.env
@@ -0,0 +1 @@
+PORT=3000
diff --git a/apps/pokemon-search-app/server.js b/apps/pokemon-search-app/server.js
new file mode 100644
index 00000000..a3edd40c
--- /dev/null
+++ b/apps/pokemon-search-app/server.js
@@ -0,0 +1,15 @@
+require('dotenv').config();
+const express = require('express');
+const app = express();
+
+app.use(express.static('public'));
+
+app.get('', (req, res) => {
+ res.sendFile(`${process.cwd()}/index.html`);
+});
+
+const portNum = process.env.PORT || 3000;
+
+app.listen(portNum, () => {
+ console.log(`Listening on port ${portNum}`);
+});
diff --git a/apps/roman-numeral-converter/.dockerignore b/apps/roman-numeral-converter/.dockerignore
new file mode 100644
index 00000000..6d6356b8
--- /dev/null
+++ b/apps/roman-numeral-converter/.dockerignore
@@ -0,0 +1,6 @@
+.env
+.git
+.gitignore
+.dockerignore
+node_modules
+Dockerfile
diff --git a/apps/roman-numeral-converter/index.html b/apps/roman-numeral-converter/index.html
new file mode 100644
index 00000000..928d2397
--- /dev/null
+++ b/apps/roman-numeral-converter/index.html
@@ -0,0 +1,38 @@
+
+
+
+
+
+
+
+
+
+
+
+
+ ![]()
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ | Base | +Stats | +
|---|---|
| HP: | ++ |
| Attack: | ++ |
| Defense: | ++ |
| Sp. Attack: | ++ |
| Sp. Defense: | ++ |
| Speed: | ++ |
+ Roman Numeral Converter
+ + +
+ Is This a Valid Phone Number in the United States?
+
+
+
+
+
+
+
+
+
+
+
+