From 6eddda630bc2218e27795ce797bb35575587a04d Mon Sep 17 00:00:00 2001 From: Gabriel B Date: Mon, 19 Aug 2024 01:13:47 +0000 Subject: [PATCH 1/6] creates design cat and inserts design inspiration --- database/data.ts | 15 ++++++++++----- .../{frontend => design}/design_inspiration.json | 0 database/index.ts | 4 +++- types/index.ts | 1 + 4 files changed, 14 insertions(+), 6 deletions(-) rename database/{frontend => design}/design_inspiration.json (100%) diff --git a/database/data.ts b/database/data.ts index f2b3d80ec..f5566bac3 100644 --- a/database/data.ts +++ b/database/data.ts @@ -26,11 +26,6 @@ export const sidebarData: ISidebar[] = [ }, { name: 'animations', url: '/animations', resources: DB.animations }, { name: 'icons', url: '/icons', resources: DB.icons }, - { - name: 'design inspiration', - url: '/design_inspiration', - resources: DB.designInspirations, - }, { name: 'themes & templates', url: '/themes_and_templates', @@ -152,6 +147,16 @@ export const sidebarData: ISidebar[] = [ }, ], }, + { + category: 'design', + subcategory: [ + { + name: 'design inspiration', + url: '/design_inspiration', + resources: DB.designInspirations, + } + ] + }, { category: 'devops', subcategory: [ diff --git a/database/frontend/design_inspiration.json b/database/design/design_inspiration.json similarity index 100% rename from database/frontend/design_inspiration.json rename to database/design/design_inspiration.json diff --git a/database/index.ts b/database/index.ts index fa04775e9..37593aeec 100644 --- a/database/index.ts +++ b/database/index.ts @@ -4,7 +4,6 @@ export { default as angular } from './frontend/angular.json' export { default as animations } from './frontend/animations.json' export { default as colors } from './frontend/colors.json' export { default as cssGames } from './frontend/css_games.json' -export { default as designInspirations } from './frontend/design_inspiration.json' export { default as fonts } from './frontend/fonts.json' export { default as icons } from './frontend/icons.json' export { default as illustrations } from './frontend/illustrations.json' @@ -29,6 +28,9 @@ export { default as database } from './backend/database.json' export { default as api } from './backend/api.json' export { default as emailProviders } from './backend/email_providers.json' +//design +export { default as designInspirations } from './design/design_inspiration.json' + //devops export { default as automationTools } from './devops/automation_tools.json' export { default as cicd } from './devops/cicd.json' diff --git a/types/index.ts b/types/index.ts index df8066fd8..8271c1f80 100644 --- a/types/index.ts +++ b/types/index.ts @@ -53,6 +53,7 @@ export type Category = | 'Placement-Prep' | 'data-structures' | 'BlockChain' + | 'design' export type SubCategories = { name: string From 0df77a1547ea78d1248bba731826607c659c78ec Mon Sep 17 00:00:00 2001 From: Gabriel B Date: Mon, 19 Aug 2024 01:27:54 +0000 Subject: [PATCH 2/6] adds design tools as a subcat for design cat --- components/TopBar/CategoryDescriptions.ts | 2 ++ database/data.ts | 5 +++++ database/design/design_tools.json | 9 +++++++++ database/index.ts | 2 ++ 4 files changed, 18 insertions(+) create mode 100644 database/design/design_tools.json diff --git a/components/TopBar/CategoryDescriptions.ts b/components/TopBar/CategoryDescriptions.ts index 716a8f818..9adf2bf85 100644 --- a/components/TopBar/CategoryDescriptions.ts +++ b/components/TopBar/CategoryDescriptions.ts @@ -12,6 +12,8 @@ const categoryDescriptions: CategoryDescriptions = { 'Colors mean the aspects of the appearance of objects and light sources that may be described in terms of hue, lightness, and saturation', design_inspiration: 'The right kind of inspiration will always help you come up with creative and unique ideas for your projects but sometimes you need some help getting inspired. Luckily, there are a TON of great resources for design inspiration.', + design_tools: + 'Applications used to create, prototype, and manage user interface designs and visual elements.', css_games: 'CSS games are a fun way to learn and practice CSS. They are a great way to learn new CSS properties and techniques, and they can help you improve your skills in a fun and interactive way.', fonts: diff --git a/database/data.ts b/database/data.ts index f5566bac3..58867b96b 100644 --- a/database/data.ts +++ b/database/data.ts @@ -154,6 +154,11 @@ export const sidebarData: ISidebar[] = [ name: 'design inspiration', url: '/design_inspiration', resources: DB.designInspirations, + }, + { + name: 'design tools', + url: '/design_tools', + resources: DB.designTools, } ] }, diff --git a/database/design/design_tools.json b/database/design/design_tools.json new file mode 100644 index 000000000..8a03d1d2a --- /dev/null +++ b/database/design/design_tools.json @@ -0,0 +1,9 @@ +[ + { + "name": "RealTime Colors", + "description": "Visualize your colors & fonts on a real site.", + "url": "https://www.realtimecolors.com", + "category": "design", + "subcategory": "design_tools" + } + ] \ No newline at end of file diff --git a/database/index.ts b/database/index.ts index 37593aeec..19a94f174 100644 --- a/database/index.ts +++ b/database/index.ts @@ -30,6 +30,8 @@ export { default as emailProviders } from './backend/email_providers.json' //design export { default as designInspirations } from './design/design_inspiration.json' +export { default as designTools } from './design/design_tools.json' + //devops export { default as automationTools } from './devops/automation_tools.json' From ad3c36b57fa559e598ebeb360a08df2a3cffc33f Mon Sep 17 00:00:00 2001 From: Gabriel B Date: Mon, 19 Aug 2024 01:55:59 +0000 Subject: [PATCH 3/6] inserts design tutorials subcat into design cat --- components/TopBar/CategoryDescriptions.ts | 2 ++ database/data.ts | 5 +++++ database/design/design_tutorials.json | 10 ++++++++++ database/index.ts | 2 +- database/youtube/web_development.json | 8 -------- 5 files changed, 18 insertions(+), 9 deletions(-) create mode 100644 database/design/design_tutorials.json diff --git a/components/TopBar/CategoryDescriptions.ts b/components/TopBar/CategoryDescriptions.ts index 9adf2bf85..54c8e3d3c 100644 --- a/components/TopBar/CategoryDescriptions.ts +++ b/components/TopBar/CategoryDescriptions.ts @@ -14,6 +14,8 @@ const categoryDescriptions: CategoryDescriptions = { 'The right kind of inspiration will always help you come up with creative and unique ideas for your projects but sometimes you need some help getting inspired. Luckily, there are a TON of great resources for design inspiration.', design_tools: 'Applications used to create, prototype, and manage user interface designs and visual elements.', + design_tutorials: + 'Instructional resources that teach users how to create and apply design concepts, techniques, and tools effectively.', css_games: 'CSS games are a fun way to learn and practice CSS. They are a great way to learn new CSS properties and techniques, and they can help you improve your skills in a fun and interactive way.', fonts: diff --git a/database/data.ts b/database/data.ts index 58867b96b..c60b80a5e 100644 --- a/database/data.ts +++ b/database/data.ts @@ -159,6 +159,11 @@ export const sidebarData: ISidebar[] = [ name: 'design tools', url: '/design_tools', resources: DB.designTools, + }, + { + name: 'design tutorials', + url: '/design_tutorials', + resources: DB.designTutorials, } ] }, diff --git a/database/design/design_tutorials.json b/database/design/design_tutorials.json new file mode 100644 index 000000000..baabf8385 --- /dev/null +++ b/database/design/design_tutorials.json @@ -0,0 +1,10 @@ +[ + { + "name": "DesignCourse", + "description": "This channel will take you from zero to a fullstack developer. You will also learn UI/UX and Frontend Dev languages", + "url": "https://www.youtube.com/@DesignCourse/featured", + "category": "design", + "subcategory": "design_tutorials", + "language": "english" + } + ] \ No newline at end of file diff --git a/database/index.ts b/database/index.ts index 19a94f174..26666aa5f 100644 --- a/database/index.ts +++ b/database/index.ts @@ -31,7 +31,7 @@ export { default as emailProviders } from './backend/email_providers.json' //design export { default as designInspirations } from './design/design_inspiration.json' export { default as designTools } from './design/design_tools.json' - +export { default as designTutorials } from './design/design_tutorials.json' //devops export { default as automationTools } from './devops/automation_tools.json' diff --git a/database/youtube/web_development.json b/database/youtube/web_development.json index 66e931563..489cb9788 100644 --- a/database/youtube/web_development.json +++ b/database/youtube/web_development.json @@ -71,14 +71,6 @@ "subcategory": "web_development", "language": "english" }, - { - "name": "DesignCourse", - "description": "This channel will take you from zero to a fullstack developer. You will also learn UI/UX and Frontend Dev languages", - "url": "https://www.youtube.com/@DesignCourse/featured", - "category": "youtube", - "subcategory": "web_development", - "language": "english" - }, { "name": "CodeWithHarry", "description": "This channel provides free Web Development course for beginners.", From 4bdf33a579505a093c8d1ed480258c9e707787c3 Mon Sep 17 00:00:00 2001 From: Gabriel B Date: Mon, 19 Aug 2024 02:03:21 +0000 Subject: [PATCH 4/6] erases unused json and moves content to right place --- database/design/design_tutorials.json | 26 +++++++++++++++++++++++++- database/youtube/ui-ux.json | 26 -------------------------- 2 files changed, 25 insertions(+), 27 deletions(-) delete mode 100644 database/youtube/ui-ux.json diff --git a/database/design/design_tutorials.json b/database/design/design_tutorials.json index baabf8385..206b49ea9 100644 --- a/database/design/design_tutorials.json +++ b/database/design/design_tutorials.json @@ -6,5 +6,29 @@ "category": "design", "subcategory": "design_tutorials", "language": "english" - } + }, + { + "name": "UI/UX Design Course For Beginners", + "description": "The UI/UX Design Specialization brings a design-centric approach to user interface and user experience design, and offers practical, skill-based instruction centered around a visual communications perspective, rather than on one focused on marketing or programming alone", + "url": "https://www.youtube.com/watch?v=pyQAiRuqUSM", + "category": "design", + "subcategory": "design_tutorials", + "language": "English" + }, + { + "name": "Step by Step Roadmap for how to become a UX Designer", + "description": "In this video, Ansh Mehra provides a step-by-step method to becoming a UX designer. If you want to become a UX designer and need a roadmap to achieve this goal, this video is a perfect fit for you!", + "url": "https://www.youtube.com/watch?v=cwPU547bCDs", + "category": "design", + "subcategory": "design_tutorials", + "language": "Hindi" + }, + { + "name": "UI / UX Design Tutorial: Wireframe, Mockup and Design in Figma", + "description": "In this video, you will learn how a professional designer builds a full website design from scratch following the process of user experience and user interface. The tutorial also covers wireframing, prototyping, and designing in Figma.", + "url": "https://www.youtube.com/watch?v=c9Wg6Cb_YlU&t=4094s", + "category": "design", + "subcategory": "design_tutorials", + "language": "English" + } ] \ No newline at end of file diff --git a/database/youtube/ui-ux.json b/database/youtube/ui-ux.json deleted file mode 100644 index a3dec3f01..000000000 --- a/database/youtube/ui-ux.json +++ /dev/null @@ -1,26 +0,0 @@ -[ - { - "name": "UI/UX Design Course For Beginners", - "description": "The UI/UX Design Specialization brings a design-centric approach to user interface and user experience design, and offers practical, skill-based instruction centered around a visual communications perspective, rather than on one focused on marketing or programming alone", - "url": "https://www.youtube.com/watch?v=pyQAiRuqUSM", - "category": "youtube", - "subcategory": "ux-designing", - "language": "English" - }, - { - "name": "Step by Step Roadmap for how to become a UX Designer", - "description": "In this video, Ansh Mehra provides a step-by-step method to becoming a UX designer. If you want to become a UX designer and need a roadmap to achieve this goal, this video is a perfect fit for you!", - "url": "https://www.youtube.com/watch?v=cwPU547bCDs", - "category": "youtube", - "subcategory": "ux-designing", - "language": "Hindi" - }, - { - "name": "UI / UX Design Tutorial: Wireframe, Mockup and Design in Figma", - "description": "In this video, you will learn how a professional designer builds a full website design from scratch following the process of user experience and user interface. The tutorial also covers wireframing, prototyping, and designing in Figma.", - "url": "https://www.youtube.com/watch?v=c9Wg6Cb_YlU&t=4094s", - "category": "youtube", - "subcategory": "ux-designing", - "language": "English" - } -] From 3c097b46abe02e3de338ca017324c555142dd709 Mon Sep 17 00:00:00 2001 From: Gabriel B Date: Mon, 19 Aug 2024 02:22:28 +0000 Subject: [PATCH 5/6] corrects categorydescription file --- components/TopBar/CategoryDescriptions.ts | 18 ++++++++++-------- 1 file changed, 10 insertions(+), 8 deletions(-) diff --git a/components/TopBar/CategoryDescriptions.ts b/components/TopBar/CategoryDescriptions.ts index 54c8e3d3c..ddf191227 100644 --- a/components/TopBar/CategoryDescriptions.ts +++ b/components/TopBar/CategoryDescriptions.ts @@ -10,13 +10,7 @@ const categoryDescriptions: CategoryDescriptions = { 'Animation is the state of being full of life and energy, like a room full of excited kids at a birthday party. It is a method of photographing successive drawings, models, or even puppets, to create an illusion of movement in a sequence.', colors: 'Colors mean the aspects of the appearance of objects and light sources that may be described in terms of hue, lightness, and saturation', - design_inspiration: - 'The right kind of inspiration will always help you come up with creative and unique ideas for your projects but sometimes you need some help getting inspired. Luckily, there are a TON of great resources for design inspiration.', - design_tools: - 'Applications used to create, prototype, and manage user interface designs and visual elements.', - design_tutorials: - 'Instructional resources that teach users how to create and apply design concepts, techniques, and tools effectively.', - css_games: + css_games: 'CSS games are a fun way to learn and practice CSS. They are a great way to learn new CSS properties and techniques, and they can help you improve your skills in a fun and interactive way.', fonts: 'A font is a graphical representation of text that may include a different typeface, point size, weight, color, or design. Fonts are text characters of different types and sizes. They help designers convey interface content intuitively and guide web or mobile app users to interact with the interface smoothly. The term “font” actually refers to a set of graphics that correspond to some or all of the Unicode glyphs', @@ -92,7 +86,15 @@ const categoryDescriptions: CategoryDescriptions = { swift: 'Swift is a powerful and intuitive programming language developed by Apple. It is used to create apps for iOS, macOS, watchOS, and so on. Swift code is concise yet expressive (easier to understand and write).', - // Open-source + //Design + design_tools: + 'Applications used to create, prototype, and manage user interface designs and visual elements.', + design_tutorials: + 'Instructional resources that teach users how to create and apply design concepts, techniques, and tools effectively.', + design_inspiration: + 'The right kind of inspiration will always help you come up with creative and unique ideas for your projects but sometimes you need some help getting inspired. Luckily, there are a TON of great resources for design inspiration.', + + // Open-source articles: 'There are many open source blogging platforms available for developers. Some of the most popular ones include WordPress, Joomla, and Drupal1. Other open source blogging platforms include Ghost, Serendipity, SilverStripe, and Jekyll', projects: From e5a7aa2e1011ebe066be754493dacf0c8f7b87af Mon Sep 17 00:00:00 2001 From: Gabriel B Date: Mon, 19 Aug 2024 02:33:08 +0000 Subject: [PATCH 6/6] corrects spacement on categorydescriptions --- components/TopBar/CategoryDescriptions.ts | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/components/TopBar/CategoryDescriptions.ts b/components/TopBar/CategoryDescriptions.ts index ddf191227..997495dd7 100644 --- a/components/TopBar/CategoryDescriptions.ts +++ b/components/TopBar/CategoryDescriptions.ts @@ -10,7 +10,7 @@ const categoryDescriptions: CategoryDescriptions = { 'Animation is the state of being full of life and energy, like a room full of excited kids at a birthday party. It is a method of photographing successive drawings, models, or even puppets, to create an illusion of movement in a sequence.', colors: 'Colors mean the aspects of the appearance of objects and light sources that may be described in terms of hue, lightness, and saturation', - css_games: + css_games: 'CSS games are a fun way to learn and practice CSS. They are a great way to learn new CSS properties and techniques, and they can help you improve your skills in a fun and interactive way.', fonts: 'A font is a graphical representation of text that may include a different typeface, point size, weight, color, or design. Fonts are text characters of different types and sizes. They help designers convey interface content intuitively and guide web or mobile app users to interact with the interface smoothly. The term “font” actually refers to a set of graphics that correspond to some or all of the Unicode glyphs',