====== Technologies Overview ====== //this is a work in progress!// * [[https://docs.google.com/presentation/d/1vPV5WeWNSdVUS1nEri1oebuL1d--zBKk7xAxE-jqEws/|Scoutradioz Tech Tour]] - a dive through all the technologies used in the Scoutradioz platform ===== Node ===== Runs Javascript outside of a web browser * https://nodejs.org/en //(product page)// * https://www.w3schools.com/nodejs/nodejs_intro.asp //(W3Schools info/tutorial/etc.)// * [[https://www.youtube.com/watch?v=32M1al-Y6Ag|Node.js Crash Course (2024 Revamp)]] //(YouTube)// ===== Express ===== Lets a Node app receive web requests and return web pages * https://expressjs.com/ //(product page)// * https://www.geeksforgeeks.org/express-js/ //(tutorial)// * [[https://www.youtube.com/watch?v=SccSCuHhOw0|Learn Express JS In 35 Minutes]] //(YouTube)// ===== Mongo ===== Persistent data storage; NoSQL / JSON storage * https://www.mongodb.com/resources/languages/mongodb-with-nodejs //(product page)// * https://www.w3schools.com/nodejs/nodejs_mongodb.asp //(W3Schools info/tutorial/etc.)// ===== CSS and custom stylesheets ===== Making pages look sharp * https://www.w3.org/Style/CSS/Overview.en.html //(standards page)// * https://www.w3schools.com/css/ //(W3Schools tutorial/etc.)// * https://csszengarden.com/ //(examples of what CSS can do)// ===== Image uploading ===== MIME goodness * https://www.npmjs.com/package/jimp //NPM page// * https://blog.logrocket.com/image-processing-with-node-and-jimp/ //overview// * https://www.youtube.com/watch?v=xjrI_9V07fY //random YouTube// ====== Voyager ====== Creating a PWA (Progressive Web App), i.e. a web app which can be used offline ===== Svelte and SvelteKit ===== * https://svelte.dev/ //product site// * https://learn.svelte.dev/tutorial/welcome-to-svelte //interactive tutorial// * https://kit.svelte.dev/ //add routing to basic Svelte// * https://www.reddit.com/r/sveltejs/comments/ni9g5d/svelte_vs_sveltekit/ //decent explainer for svelte vs sveltekit// ===== Dexie.js ===== Wrapper for index.db in browsers * https://dexie.org/ //product site// * https://dexie.org/docs/Tutorial/ //tutorial// ===== Tailwind CSS ===== CSS framework * https://tailwindcss.com/ //product site// * https://tsh.io/blog/tailwind-css-tutorial/ //tutorial// ====== Application design patterns ====== * Architecture - DB, multiple “services” running, tiers of app * Data structures - important tables * User accounts / authentication - why security, how security * Views - turning data into web pages, Pug * Routes - handling web requests, pulling together data, sending to views * Error handling and alerts - graceful and informative * Internationalization (i18n) - showing other languages * REST API calls - getting data from other sources, like The Blue Alliance ====== Amazon Web Services (AWS) ====== * Lambda * API gateway * S3 * MongoDB Atlas * Cloudwatch ====== Miscellaneous ====== * Source control - git, Github * Legal aspects of OSS - licensing, trademarks™, patents