@@ -53,14 +70,17 @@ let sortedCategories = Array.from(categories).sort((a, b) => a.localeCompare(b))
id="darkModeText">Dark Mode
-
-
-
+
+
+
diff --git a/src/content/terms/AGI_(Artificial_GeneraL_Intelligence).json b/src/content/terms/AGI_(Artificial_GeneraL_Intelligence).json
new file mode 100644
index 00000000..faf95ece
--- /dev/null
+++ b/src/content/terms/AGI_(Artificial_GeneraL_Intelligence).json
@@ -0,0 +1,17 @@
+{
+ "title":"AGI (Artificial General Intelligence)",
+ "subtext":"AI with human-like cognitive abilities",
+ "categories":["Artificial Intelligence"],
+ "author":"halukerenozlu",
+ "description": {
+ "title": "AGI (Artificial General Intelligence)",
+ "texts":[
+ "Artificial general intelligence (AGI)—sometimes called human-level intelligence AI—is a type of artificial intelligence that would match or surpass human capabilities across virtually all cognitive tasks.", "Unlike artificial narrow intelligence (ANI), whose competence is confined to well-defined tasks, an AGI system can generalise knowledge, transfer skills between domains, and solve novel problems without task-specific reprogramming. "
+ ],
+ "image": "",
+ "references": [
+ "https://en.wikipedia.org/wiki/Artificial_general_intelligence",
+ "https://aws.amazon.com/what-is/artificial-general-intelligence/"
+ ]
+ }
+}
\ No newline at end of file
diff --git a/src/content/terms/Beautifulsoup.json b/src/content/terms/Beautifulsoup.json
index 778a28b3..24d55988 100644
--- a/src/content/terms/Beautifulsoup.json
+++ b/src/content/terms/Beautifulsoup.json
@@ -1,7 +1,7 @@
{
"title": "Beautifulsoup",
"subtext": "HTML/XML parsing library",
- "categories": ["Web Scraping", "Scripting"],
+ "categories": ["Web Scraping"],
"author": "Buzzpy",
"description": {
"title": "Beautifulsoup",
diff --git a/src/content/terms/Behaviour_driven_development.json b/src/content/terms/Behaviour_driven_development.json
index 85ca1393..dee0d9ae 100644
--- a/src/content/terms/Behaviour_driven_development.json
+++ b/src/content/terms/Behaviour_driven_development.json
@@ -1,7 +1,7 @@
{
"title": "Behaviour Driven development (BDD)",
"subtext": "A software development approach",
- "categories": ["Software Development", "Testing Methodologies", "Agile Methodologies"],
+ "categories": ["Software Development", "SDLC"],
"author": "Rilwan",
"description": {
"title": "Behaviour Driven development (BDD)",
diff --git a/src/content/terms/Bundlers.json b/src/content/terms/Bundlers.json
index 6ebe4820..8cede6f9 100644
--- a/src/content/terms/Bundlers.json
+++ b/src/content/terms/Bundlers.json
@@ -1,7 +1,7 @@
{
"title": "Bundlers",
"subtext": "Tools that compile and optimize JavaScript code for efficient loading",
- "categories": ["JavaScript", "Development Tools"],
+ "categories": ["JavaScript"],
"author": "KrishDave",
"description": {
"title": "Bundlers",
diff --git a/src/content/terms/Churn_rate.json b/src/content/terms/Churn_rate.json
new file mode 100644
index 00000000..d3ef597d
--- /dev/null
+++ b/src/content/terms/Churn_rate.json
@@ -0,0 +1,18 @@
+{
+ "title": "Churn Rate",
+ "subtext": "Measuring how many customers leave",
+ "categories": ["SaaS"],
+ "author": "Buzzpy",
+ "description": {
+ "title": "Churn Rate",
+ "texts": [
+ "Churn Rate is the percentage of users or revenue lost in a given period. High churn indicates dissatisfaction or poor product-market fit.",
+ "SaaS companies obsess over churn, because reducing it even slightly can massively improve long-term revenue."
+ ],
+ "image": "https://assets-global.website-files.com/625f87c5d4e4fb29d37658dc/62d5745f8912a58213485db7_churn-rate.webp",
+ "references": [
+ "https://www.profitwell.com/blog/churn-rate",
+ "https://baremetrics.com/academy/churn-rate"
+ ]
+ }
+ }
\ No newline at end of file
diff --git a/src/content/terms/Code_refactoring.json b/src/content/terms/Code_refactoring.json
index e418a997..e7ac36f8 100644
--- a/src/content/terms/Code_refactoring.json
+++ b/src/content/terms/Code_refactoring.json
@@ -1,7 +1,7 @@
{
"title": "Code refactoring",
"subtext": "Improving the internal structure of code without altering its external behavior" ,
- "categories": ["Software Development", "Code Maintenance", "Software Design"],
+ "categories": ["Software Development"],
"author": "Rilwan",
"description": {
"title": "Code refactoring",
diff --git a/src/content/terms/Cold_Start_problem.json b/src/content/terms/Cold_Start_problem.json
new file mode 100644
index 00000000..858d012d
--- /dev/null
+++ b/src/content/terms/Cold_Start_problem.json
@@ -0,0 +1,18 @@
+{
+ "title": "Cold Start Problem",
+ "subtext": "Initial latency in systems due to lack of prior data",
+ "categories": ["Machine Learning", "DevOps"],
+ "author": "Buzzpy",
+ "description": {
+ "title": "Cold Start Problem",
+ "texts": [
+ "The Cold Start Problem refers to the challenge of making accurate predictions or delivering optimal performance in systems when there is little to no historical data available.",
+ "For instance, a new user on a recommendation platform may receive less personalized suggestions until the system gathers sufficient interaction data."
+ ],
+ "image": "https://thingsolver.com/wp-content/uploads/cold-start-problem.webp",
+ "references": [
+ "https://calv.info/bookshelf/cold-start-problem"
+
+ ]
+ }
+}
\ No newline at end of file
diff --git a/src/content/terms/Crawling.json b/src/content/terms/Crawling.json
index f580d514..416687aa 100644
--- a/src/content/terms/Crawling.json
+++ b/src/content/terms/Crawling.json
@@ -1,7 +1,7 @@
{
"title": "Crawling",
"subtext": "Web content discovery",
- "categories": ["Web Scraping", "Data Mining", "Search Engines"],
+ "categories": ["Web Scraping", "Data Science"],
"author": "Buzzpy",
"description": {
"title": "Crawling",
diff --git a/src/content/terms/Dark_Patterns.json b/src/content/terms/Dark_Patterns.json
new file mode 100644
index 00000000..57d0bc74
--- /dev/null
+++ b/src/content/terms/Dark_Patterns.json
@@ -0,0 +1,17 @@
+{
+ "title": "Dark Patterns",
+ "subtext": "Interfaces that trick users into actions",
+ "categories": ["UI/UX Design"],
+ "author": "Buzzpy",
+ "description": {
+ "title": "Dark Patterns",
+ "texts": [
+ "Dark patterns are deceptive UI techniques designed to trick users into doing things they might not have intended—like signing up for recurring payments.",
+ "Ethical design avoids dark patterns and respects user consent and transparency."
+ ],
+ "image": "https://www.uxdesigninstitute.com/blog/wp-content/uploads/2022/12/219_dark_patterns_in_UX_illustration_blog.png",
+ "references": [
+ "https://www.uxdesigninstitute.com/blog/what-are-dark-patterns-in-ux/"
+ ]
+ }
+ }
\ No newline at end of file
diff --git a/src/content/terms/Data_streaming.json b/src/content/terms/Data_streaming.json
index 2f10c700..49da2f5b 100644
--- a/src/content/terms/Data_streaming.json
+++ b/src/content/terms/Data_streaming.json
@@ -1,7 +1,7 @@
{
"title": "Data Streaming",
"subtext": "A continuous flow of data that allows for real-time processing and analysis." ,
- "categories": ["Data Processing", "Real-time Data", "Data Analytics"],
+ "categories": ["Data Science"],
"author": "Rilwan",
"description": {
"title": "Data streaming",
diff --git a/src/content/terms/Dependency.json b/src/content/terms/Dependency.json
index 20f97b4b..9485a9d3 100644
--- a/src/content/terms/Dependency.json
+++ b/src/content/terms/Dependency.json
@@ -1,7 +1,7 @@
{
"title": "Dependency",
"subtext": "A required software library or component that other software relies on",
- "categories": ["Software Development", "Package Management", "Build Systems"],
+ "categories": ["Software Development", "Software Architecture"],
"author": "Rilwan",
"description": {
"title": "Dependency",
diff --git a/src/content/terms/Dev_Ergonomics.json b/src/content/terms/Dev_Ergonomics.json
new file mode 100644
index 00000000..5e9af6e6
--- /dev/null
+++ b/src/content/terms/Dev_Ergonomics.json
@@ -0,0 +1,17 @@
+{
+ "title": "Dev Ergonomics",
+ "subtext": "Designing tools that feel good to use",
+ "categories": ["General"],
+ "author": "Buzzpy",
+ "description": {
+ "title": "Dev Ergonomics",
+ "texts": [
+ "Dev Ergonomics is the practice of designing developer tools and environments that reduce mental friction, cognitive overload, and context-switching fatigue.",
+ "A well-designed CLI with intuitive commands, syntax-highlighted logs, or a zero-config tool are all examples of ergonomic thinking in developer workflows."
+ ],
+ "image": "",
+ "references": [
+ "https://medium.com/rebaze/into-developer-ergonomics-d3d7e0d1da6f"
+ ]
+ }
+}
\ No newline at end of file
diff --git a/src/content/terms/Developer_Experience.json b/src/content/terms/Developer_Experience.json
new file mode 100644
index 00000000..7aaefd32
--- /dev/null
+++ b/src/content/terms/Developer_Experience.json
@@ -0,0 +1,19 @@
+{
+ "title": "DX (Developer Experience)",
+ "subtext": "Optimizing tools and workflows for developers",
+ "categories": ["General"],
+ "author": "Buzzpy",
+ "description": {
+ "title": "DX (Developer Experience)",
+ "texts": [
+ "Developer Experience (DX or DevEx) refers to the overall experience developers have while interacting with tools, libraries, platforms, and documentation.",
+ "A high-quality DX leads to faster development, fewer bugs, and happier developers. This includes clear error messages, well-structured documentation, intuitive APIs, fast feedback loops, and seamless onboarding.",
+ "For example, tools like Vite and Next.js are praised for their excellent DX due to instant reloads, easy configuration, and strong community support."
+ ],
+ "image": "https://miro.medium.com/v2/resize:fit:1400/format:webp/0*Quy-0wA1qaj726j9",
+ "references": [
+ "https://medium.com/swlh/what-is-dx-developer-experience-401a0e44a9d9"
+ ]
+ }
+ }
+
\ No newline at end of file
diff --git a/src/content/terms/Digital_Twins.json b/src/content/terms/Digital_Twins.json
index 775f086b..f1cb9161 100644
--- a/src/content/terms/Digital_Twins.json
+++ b/src/content/terms/Digital_Twins.json
@@ -1,7 +1,7 @@
{
"title": "Digital Twins",
"subtext": "Virtual replicas of physical objects or systems",
- "categories": ["IoT", "Simulation"],
+ "categories": ["IoT", "Other"],
"author": "Buzzpy",
"description": {
"title": "Digital Twins",
diff --git a/src/content/terms/ECMAScript.json b/src/content/terms/ECMAScript.json
index c1bc10c5..4d12fb08 100644
--- a/src/content/terms/ECMAScript.json
+++ b/src/content/terms/ECMAScript.json
@@ -1,7 +1,7 @@
{
"title": "ECMAScript",
"subtext": "The standardized scripting language behind JavaScript",
- "categories": ["Programming", "JavaScript"],
+ "categories": ["JavaScript", "Other"],
"author": "KrishDave",
"description": {
"title": "ECMAScript",
diff --git a/src/content/terms/Empty_State_Design.json b/src/content/terms/Empty_State_Design.json
new file mode 100644
index 00000000..4f6eb728
--- /dev/null
+++ b/src/content/terms/Empty_State_Design.json
@@ -0,0 +1,17 @@
+{
+ "title": "Empty State Design",
+ "subtext": "Making blank screens helpful",
+ "categories": ["UI/UX Design"],
+ "author": "Buzzpy",
+ "description": {
+ "title": "Empty State Design",
+ "texts": [
+ "Empty states appear when there’s no content to show—like a new inbox or a deleted list.",
+ "Well-designed empty states guide users toward action, explain what’s missing, or offer a friendly message to reduce confusion."
+ ],
+ "image": "https://img.uxcel.com/practices/replace-the-element-1602859019475/a-1702667421183-2x.jpg",
+ "references": [
+ "https://www.toptal.com/designers/ux/empty-state-ux-design"
+ ]
+ }
+ }
\ No newline at end of file
diff --git a/src/content/terms/Favicon.json b/src/content/terms/Favicon.json
index cde2166f..2db35208 100644
--- a/src/content/terms/Favicon.json
+++ b/src/content/terms/Favicon.json
@@ -1,7 +1,7 @@
{
"title": "Favicon",
"subtext": "Website's tiny icon",
- "categories": ["Frontend Development"],
+ "categories": ["Frontend Development", "UI/UX Design"],
"author": "Buzzpy",
"description": {
"title": "Favicon",
diff --git a/src/content/terms/Feature_Flags.json b/src/content/terms/Feature_Flags.json
new file mode 100644
index 00000000..384d641f
--- /dev/null
+++ b/src/content/terms/Feature_Flags.json
@@ -0,0 +1,17 @@
+{
+ "title": "Feature Flags",
+ "subtext": "Turn features on/off without redeploying",
+ "categories": ["SaaS", "DevOps"],
+ "author": "Buzzpy",
+ "description": {
+ "title": "Feature Flags",
+ "texts": [
+ "Feature Flags (or toggles) are switches in code that let you enable or disable features without deploying new code. They allow for gradual rollouts, A/B testing, and fast reversals if something breaks.",
+ "Think of them as light switches for product experiments and operational safety."
+ ],
+ "image": "https://www.kameleoon.com/sites/default/files/2023-02/Blog%20Article%20Image_665x460-1.svg",
+ "references": [
+ "https://configcat.com/feature-flag-saas/#:~:text=Feature%20flags%2C%20otherwise%20known%20as,functionalities%20across%20their%20SaaS%20products."
+ ]
+ }
+ }
\ No newline at end of file
diff --git a/src/content/terms/MCP_(Model_Context_Protocol).json b/src/content/terms/MCP_(Model_Context_Protocol).json
new file mode 100644
index 00000000..e4ceecc7
--- /dev/null
+++ b/src/content/terms/MCP_(Model_Context_Protocol).json
@@ -0,0 +1,17 @@
+{
+ "title": "MCP (Model Context Protocol)",
+ "subtext": "A protocol for managing model contexts in AI systems",
+ "categories": ["Artificial Intelligence"],
+ "author":"halukerenozlu",
+ "description": {
+ "title": "MCP (Model Context Protocol)",
+ "texts": [
+ "MCP is an open protocol that standardizes how applications provide context to large language models (LLMs). Think of MCP like a USB-C port for AI applications.", "Just as USB-C provides a standardized way to connect your devices to various peripherals and accessories, MCP provides a standardized way to connect AI models to different data sources and tools. MCP enables you to build agents and complex workflows on top of LLMs and connects your models with the world."
+ ],
+ "image": "https://miro.medium.com/v2/resize:fit:1400/1*MfI2XLk63rQye0Sh-hAUag.png",
+ "references": [
+ "https://www.anthropic.com/news/model-context-protocol",
+ "https://modelcontextprotocol.io/docs/getting-started/intro"
+ ]
+ }
+}
\ No newline at end of file
diff --git a/src/content/terms/Microinteractions.json b/src/content/terms/Microinteractions.json
new file mode 100644
index 00000000..5c4bb84b
--- /dev/null
+++ b/src/content/terms/Microinteractions.json
@@ -0,0 +1,17 @@
+{
+ "title": "Microinteractions",
+ "subtext": "Tiny animations that bring delight and feedback",
+ "categories": ["UI/UX Design", "Animation"],
+ "author": "Buzzpy",
+ "description": {
+ "title": "Microinteractions",
+ "texts": [
+ "Microinteractions are subtle animations or feedback loops that respond to user actions—like a heart icon filling when tapped.",
+ "They help improve usability, reinforce user actions, and add a touch of personality to a product."
+ ],
+ "image": "https://www.uxdesigninstitute.com/blog/wp-content/uploads/2023/07/266_microinteractions_ui_design_illustration_blog-1.png",
+ "references": [
+ "https://www.uxdesigninstitute.com/blog/microinteractions-in-ui-design/"
+ ]
+ }
+ }
\ No newline at end of file
diff --git a/src/content/terms/Model_Fatigue.json b/src/content/terms/Model_Fatigue.json
new file mode 100644
index 00000000..e6103ec0
--- /dev/null
+++ b/src/content/terms/Model_Fatigue.json
@@ -0,0 +1,17 @@
+{
+ "title": "Modal Fatigue",
+ "subtext": "Overuse of modals harms UX",
+ "categories": ["UI/UX Design"],
+ "author": "Buzzpy",
+ "description": {
+ "title": "Modal Fatigue",
+ "texts": [
+ "Modal fatigue occurs when users are overwhelmed by too many popups or dialog boxes, leading to frustration or accidental dismissals.",
+ "Designers should use modals sparingly, especially for interruptions like newsletter signups or confirmations."
+ ],
+ "image": "",
+ "references": [
+ "https://medium.com/@marketing_96275/design-for-fatigue-how-ux-ui-can-combat-digital-burnout-3e1fa6f56b7a"
+ ]
+ }
+ }
\ No newline at end of file
diff --git a/src/content/terms/Modules.json b/src/content/terms/Modules.json
index b04a1c3d..86fd5e2e 100644
--- a/src/content/terms/Modules.json
+++ b/src/content/terms/Modules.json
@@ -1,7 +1,7 @@
{
"title": "Modules",
"subtext": "Reusable, self-contained block of code in programming",
- "categories": ["Programming", "Software Development"],
+ "categories": ["Programming Concepts", "Software Development"],
"author": "KrishDave",
"description": {
"title": "Modules",
diff --git a/src/content/terms/N8N.json b/src/content/terms/N8N.json
new file mode 100644
index 00000000..6d6842ec
--- /dev/null
+++ b/src/content/terms/N8N.json
@@ -0,0 +1,17 @@
+{
+ "title": "n8n",
+ "subtext":"AI Workflow Automation Tool",
+ "categories": ["Automation", "Productivity"],
+ "author": "halukerenozlu",
+ "description": {
+ "title": "n8n",
+ "texts": [
+ "n8n is an open-source workflow automation tool that enables users to connect various applications and services to automate tasks and processes. It provides a visual interface for designing workflows, allowing users to create complex automations without needing extensive coding knowledge.", "n8n supports a wide range of integrations with popular services like Google Sheets, Slack, and more, making it a versatile choice for automating repetitive tasks and improving productivity."
+ ],
+ "image": "https://n8niostorageaccount.blob.core.windows.net/n8nio-strapi-blobs-prod/assets/Home_ITO_Ps_5a5aac3fda.webp",
+ "references": [
+ "https://n8n.io/",
+ "https://github.com/n8n-io/n8n"
+ ]
+ }
+}
\ No newline at end of file
diff --git a/src/content/terms/Nginx.json b/src/content/terms/Nginx.json
index fbc87398..6b0a8283 100644
--- a/src/content/terms/Nginx.json
+++ b/src/content/terms/Nginx.json
@@ -1,7 +1,7 @@
{
"title": "Nginx",
"subtext": "A versatile web-server" ,
- "categories": ["Web server", "Load balancer", "Reverse proxy", "Networking"],
+ "categories": ["Networking", "Other"],
"author": "Rilwan",
"description": {
"title": "Nginx",
diff --git a/src/content/terms/OSI_model.json b/src/content/terms/OSI_model.json
index 59875e1e..3d986b96 100644
--- a/src/content/terms/OSI_model.json
+++ b/src/content/terms/OSI_model.json
@@ -1,13 +1,13 @@
{
"title": "OSI model",
"subtext": "A network communication framework" ,
- "categories": ["Network Architecture", "Data Communication", "Communication Protocols", "IT Infrastructure"],
+ "categories": ["Communication Protocols"],
"author": "Rilwan",
"description": {
"title": "Open systems interconnection (OSI)",
"texts": [
"The OSI (Open Systems Interconnection) model is a conceptual framework used to understand and standardize the functions of a networking system. It divides the communication process into seven layers.",
- "These layers—Physical, Data Link, Network, Transport, Session, Presentation, and Application—each serve a specific purpose, such as routing, error handling, or encryption. This framework ensures interoperability between different systems and devices by breaking communication into manageable steps, fostering standardization across networks."
+ "These layers (Physical, Data Link, Network, Transport, Session, Presentation, and Application) each serve a specific purpose, such as routing, error handling, or encryption. This framework ensures interoperability between different systems and devices by breaking communication into manageable steps, fostering standardization across networks."
],
"image": "https://media.geeksforgeeks.org/wp-content/uploads/20240615010645/OSI-Model.png",
diff --git a/src/content/terms/Progressive_Disclosure.json b/src/content/terms/Progressive_Disclosure.json
new file mode 100644
index 00000000..c2bdac0a
--- /dev/null
+++ b/src/content/terms/Progressive_Disclosure.json
@@ -0,0 +1,17 @@
+{
+ "title": "Progressive Disclosure",
+ "subtext": "Revealing complexity only when needed",
+ "categories": ["UI/UX Design"],
+ "author": "Buzzpy",
+ "description": {
+ "title": "Progressive Disclosure",
+ "texts": [
+ "Progressive disclosure is a design principle where only essential information is shown upfront, and additional options or details are revealed as needed.",
+ "This reduces cognitive load and helps users focus on completing primary tasks before diving into advanced features."
+ ],
+ "image": "https://pbs.twimg.com/media/FjTaHyOX0AACfl6?format=jpg&name=large",
+ "references": [
+ "https://www.nngroup.com/articles/progressive-disclosure/"
+ ]
+ }
+ }
\ No newline at end of file
diff --git a/src/content/terms/Remote_Desktop_Protocol_(RDP).json b/src/content/terms/Remote_Desktop_Protocol_(RDP).json
new file mode 100644
index 00000000..441f2e08
--- /dev/null
+++ b/src/content/terms/Remote_Desktop_Protocol_(RDP).json
@@ -0,0 +1,17 @@
+{
+ "title": "Remote Desktop Protocol (RDP)",
+ "subtext": "Enables remote access to a computer over a network",
+ "categories": ["Networking", "Other"],
+ "author": "0xArchit",
+ "description": {
+ "title": "Remote Desktop Protocol (RDP)",
+ "texts": [
+ "Remote Desktop Protocol (RDP) is a proprietary protocol developed by Microsoft. It enables users to connect to another computer remotely, providing access to its graphical user interface and allowing them to control it as if they were physically present.",
+ "RDP is commonly used for remote administration, technical support, and virtual desktop access. It ensures secure communication between the host and client, and supports features like file sharing and clipboard synchronization."
+ ],
+ "image": "https://i.postimg.cc/52wCd2Hf/delinea-glossary-rdp.webp",
+ "references": [
+ "https://learn.microsoft.com/en-us/windows-server/remote/remote-desktop-services"
+ ]
+ }
+}
diff --git a/src/content/terms/Responsive_design.json b/src/content/terms/Responsive_design.json
new file mode 100644
index 00000000..c1783ba6
--- /dev/null
+++ b/src/content/terms/Responsive_design.json
@@ -0,0 +1,17 @@
+{
+ "title": "Responsive Design",
+ "subtext": "Adapting layouts across screen sizes",
+ "categories": ["UI/UX Design", "Frontend Development"],
+ "author": "Buzzpy",
+ "description": {
+ "title": "Responsive Design",
+ "texts": [
+ "Responsive design ensures a website or app works well on all devices—mobile, tablet, desktop—by adapting layout, images, and content fluidly.",
+ "It uses CSS techniques like media queries and flexible grids to provide optimal user experience regardless of screen size."
+ ],
+ "image": "https://studio.uxpincdn.com/studio/wp-content/uploads/2022/01/Responsive-design-best-practices-1024x512.png.webp",
+ "references": [
+ "https://www.smashingmagazine.com/2011/01/guidelines-for-responsive-web-design/"
+ ]
+ }
+ }
\ No newline at end of file
diff --git a/src/content/terms/SQL_injection.json b/src/content/terms/SQL_injection.json
index a1205ef3..b56f3734 100644
--- a/src/content/terms/SQL_injection.json
+++ b/src/content/terms/SQL_injection.json
@@ -1,7 +1,7 @@
{
"title": "SQL Injection (SQLi)",
"subtext": "A security vulnerability",
- "categories": ["Web Security", "Database Security", "Software Vulnerabilities"],
+ "categories": ["Cybersecurity"],
"author": "Rilwan",
"description": {
"title": "SQL Injection (SQLi)",
diff --git a/src/content/terms/Shadow_DOM.json b/src/content/terms/Shadow_DOM.json
new file mode 100644
index 00000000..bb0492f2
--- /dev/null
+++ b/src/content/terms/Shadow_DOM.json
@@ -0,0 +1,17 @@
+{
+ "title": "Shadow DOM",
+ "subtext": "Encapsulated DOM and styling for web components",
+ "categories": ["Frontend Development"],
+ "author": "Buzzpy",
+ "description": {
+ "title": "Shadow DOM",
+ "texts": [
+ "Shadow DOM is a web standard that enables encapsulation of DOM and CSS in web components, allowing developers to isolate styles and markup from the main document.",
+ "This means that styles defined inside a shadow DOM do not leak out, and external styles do not penetrate the shadow DOM, ensuring modular and maintainable code."
+ ],
+ "image": "https://www.ionos.com/digitalguide/fileadmin/DigitalGuide/Schaubilder/EN-diagram-shadow-dom.png",
+ "references": [
+ "https://www.ionos.com/digitalguide/websites/web-development/shadow-dom/"
+ ]
+ }
+ }
\ No newline at end of file
diff --git a/src/content/terms/Sticky.json b/src/content/terms/Sticky.json
index 251d6ea4..b74ec42c 100644
--- a/src/content/terms/Sticky.json
+++ b/src/content/terms/Sticky.json
@@ -1,7 +1,7 @@
{
"title": "Sticky",
"subtext": "Persistent UI element",
- "categories": ["Frontend Development"],
+ "categories": ["Frontend Development", "UI/UX Design"],
"author": "AnshumanMishra",
"description": {
"title": "Sticky",
diff --git a/src/content/terms/UI.json b/src/content/terms/UI.json
index 75cac6f5..b25750f4 100644
--- a/src/content/terms/UI.json
+++ b/src/content/terms/UI.json
@@ -1,7 +1,7 @@
{
"title": "UI (User Interface)",
"subtext": "Design of the system’s interface",
- "categories": ["Frontend Development"],
+ "categories": ["Frontend Development", "UI/UX Design"],
"author": "Buzzpy",
"description": {
"title": "UI (User Interface)",
diff --git a/src/content/terms/UX.json b/src/content/terms/UX.json
index 76524827..182b471e 100644
--- a/src/content/terms/UX.json
+++ b/src/content/terms/UX.json
@@ -2,7 +2,7 @@
{
"title": "UX (User Experience)",
"subtext": "Overall experience with a product",
- "categories": ["Frontend Development"],
+ "categories": ["Frontend Development", "UI/UX Design"],
"author": "Buzzpy",
"description": {
"title": "UX (User Experience)",
diff --git a/src/content/terms/User_Flow.json b/src/content/terms/User_Flow.json
index dbbe8834..a20378c9 100644
--- a/src/content/terms/User_Flow.json
+++ b/src/content/terms/User_Flow.json
@@ -1,7 +1,7 @@
{
"title": "User Flow",
"subtext": "The path users take to complete a task or achieve a goal.",
- "categories": ["UX Design", "Product Design"],
+ "categories": ["UI/UX Design", "SaaS"],
"author": "Buzzpy",
"description": {
"title": "User Flow",
diff --git a/src/content/terms/Virtualization.json b/src/content/terms/Virtualization.json
index 3719ba03..66af73bb 100644
--- a/src/content/terms/Virtualization.json
+++ b/src/content/terms/Virtualization.json
@@ -1,7 +1,7 @@
{
"title": "Virtualization",
"subtext": "Creating virtual environments for efficiency" ,
- "categories": ["Software Engineering", "Infrastructure as a Service (IaaS)", "Operating Systems", "Cloud Computing"],
+ "categories": ["Software Development", "Infrastructure as a Service (IaaS)", "OS", "Cloud Computing"],
"author": "Rilwan",
"description": {
"title": "Virtualization",
diff --git a/src/content/terms/Visual_hierarchy.json b/src/content/terms/Visual_hierarchy.json
new file mode 100644
index 00000000..31c64387
--- /dev/null
+++ b/src/content/terms/Visual_hierarchy.json
@@ -0,0 +1,17 @@
+{
+ "title": "Visual Hierarchy",
+ "subtext": "Prioritizing elements through design",
+ "categories": ["UI/UX Design"],
+ "author": "Buzzpy",
+ "description": {
+ "title": "Visual Hierarchy",
+ "texts": [
+ "Visual hierarchy is the arrangement of elements to show their importance. It’s driven by size, color, contrast, alignment, and spacing.",
+ "A strong hierarchy ensures users intuitively know where to look and what actions to take first."
+ ],
+ "image": "https://public-images.interaction-design.org/tags/td-visual%20hierarchy-reading%20patterns.png",
+ "references": [
+ "https://www.interaction-design.org/literature/topics/visual-hierarchy"
+ ]
+ }
+ }
\ No newline at end of file
diff --git a/src/content/terms/Webhooks.json b/src/content/terms/Webhooks.json
index 38d10072..9f545c82 100644
--- a/src/content/terms/Webhooks.json
+++ b/src/content/terms/Webhooks.json
@@ -1,7 +1,7 @@
{
"title": "Webhooks",
"subtext": "Real-time updates via event notifications." ,
- "categories": ["APIs", "Real-time Data", "Automation", "Event-driven architecture", "Software development"],
+ "categories": ["APIs", "Software Development"],
"author": "Rilwan",
"description": {
"title": "Webhooks",
diff --git a/src/content/terms/Websockets.json b/src/content/terms/Websockets.json
index 24f52c19..8349ae3c 100644
--- a/src/content/terms/Websockets.json
+++ b/src/content/terms/Websockets.json
@@ -1,7 +1,7 @@
{
"title": "Websocket",
"subtext": "A bi-directional communication between a client and the server" ,
- "categories": ["Communication protocol", "Real-Time communication", "Persistent connection", "Live updates"],
+ "categories": ["Communication Protocols"],
"author": "Rilwan",
"description": {
"title": "Websocket",
diff --git a/src/content/terms/Widgets.json b/src/content/terms/Widgets.json
index e7cf208a..85586c6e 100644
--- a/src/content/terms/Widgets.json
+++ b/src/content/terms/Widgets.json
@@ -1,7 +1,7 @@
{
"title": "Widgets",
"subtext": "Reusable UI components",
- "categories": ["Frontend Development"],
+ "categories": ["Frontend Development", "UI/UX Design"],
"author": "Buzzpy",
"description": {
"title": "Widgets",
diff --git a/src/content/terms/Zero_Trust_Security_Model.json b/src/content/terms/Zero_Trust_Security_Model.json
index e929b403..f1948c89 100644
--- a/src/content/terms/Zero_Trust_Security_Model.json
+++ b/src/content/terms/Zero_Trust_Security_Model.json
@@ -1,7 +1,7 @@
{
"title": "Zero Trust Security Model",
"subtext": "Security that trusts no one by default",
- "categories": ["Cyber"],
+ "categories": ["Cybersecurity"],
"author": "Buzzpy",
"description": {
"title": "Zero Trust Security Model",
diff --git a/src/content/terms/iFrame.json b/src/content/terms/iFrame.json
index 2113b550..dd07f1c7 100644
--- a/src/content/terms/iFrame.json
+++ b/src/content/terms/iFrame.json
@@ -1,7 +1,7 @@
{
"title": "iFrame",
"subtext": "Embedding external content",
- "categories": ["Frontend Development"],
+ "categories": ["Frontend Development", "UI/UX Design"],
"author": "Buzzpy",
"description": {
"title": "iFrame",
diff --git a/src/image/social_media_cover.png b/src/image/social_media_cover.png
new file mode 100644
index 00000000..9403bf01
Binary files /dev/null and b/src/image/social_media_cover.png differ
diff --git a/src/scripts/hero-action.ts b/src/scripts/hero-action.ts
index 5537f641..abf8c029 100644
--- a/src/scripts/hero-action.ts
+++ b/src/scripts/hero-action.ts
@@ -1,4 +1,5 @@
class Hero extends HTMLElement {
+
constructor() {
super()
@@ -178,9 +179,7 @@ class Hero extends HTMLElement {
customElements.define("hero-com", Hero)
document.getElementById("aboutButton")!.addEventListener("click", showAbout)
-document
- .getElementById("builderButton")!
- .addEventListener("click", showBuilders)
+
document
.getElementById("sponsorButton")!
.addEventListener("click", showSponsors)