chore: re-order sidebar elements

components/TopBar/TopBar.tsx

@@ -15,7 +15,7 @@ export const TopBar:FC<{className?: string | undefined}> = (props) => {
     <div className={`flex items-center text-xl dark:text-gray-300 ${className}`}>
       <FaSlackHash className="mr-2 text-gray-600 dark:text-gray-300" />
       <span className="font-semmibold uppercase text-gray-900 dark:text-gray-100">
-        {category}
+        {category.split('-').join(' ')}
       </span>
     </div>
   );

database/data.ts

@@ -35,26 +35,29 @@ export const sidebarData: ISidebar[] = [
     ],
   },
   {
-    category: 'ml, ai & data',
+    category: 'languages',
+    subcategory: [
+      { name: 'JavaScript', url: '/javascript' },
+      { name: 'Python', url: '/python' },
+      { name: 'Csharp (C#)', url: '/csharp' },
+      { name: 'Go', url: '/golang' },
+      { name: 'TypeScript', url: '/typescript' }
+    ],
+  },
+  {
+    category: 'ml & ai',
     subcategory: [
       { name: 'machine learning', url: '/ml' },
       { name: 'data science', url: '/data-science'},
       { name: 'deep learning', url : '/deep-learning'},
     ],
   },
   {
-    category: 'youtube',
+    category: 'open source',
     subcategory: [
-      { name: 'web development', url: '/web-development' },
-      { name: 'CSS', url: '/css' },
-      { name: 'machine learning', url: '/machine-learning' },
-      { name: 'tensorflow', url: '/tensorflow'},
-      { name: 'data structures', url: '/dsa' },
-      { name: 'Android', url: '/android' },
-      { name: 'Web3 & Metaverse', url: '/web3-metaverse' },
-      { name: 'Testing', url: '/testing' },
-      { name: 'Computer Science', url: '/computer-science' },
-      { name: 'Competitive Programming',url:'/competitive-programming'}
+      { name: 'Blogs', url: '/open-source-blogs' },
+      { name: 'Projects', url: '/open-source-projects' },
+      { name: 'Tools', url: '/open-source-tools'},
     ],
   },
   {
@@ -67,28 +70,26 @@ export const sidebarData: ISidebar[] = [
     ],
   },
   {
-    category: 'languages',
+    category: 'youtube',
     subcategory: [
-      { name: 'JavaScript', url: '/javascript' },
-      { name: 'Python', url: '/python' },
-      { name: 'Csharp (C#)', url: '/csharp' },
-      { name: 'Go', url: '/golang' },
-      { name: 'TypeScript', url: '/typescript' }
+      { name: 'web development', url: '/web-development' },
+      { name: 'CSS', url: '/css' },
+      { name: 'machine learning', url: '/machine-learning' },
+      { name: 'tensorflow', url: '/tensorflow'},
+      { name: 'data structures', url: '/dsa' },
+      { name: 'Android', url: '/android' },
+      { name: 'Web3 & Metaverse', url: '/web3-metaverse' },
+      { name: 'Testing', url: '/testing' },
+      { name: 'Computer Science', url: '/computer-science' },
+      { name: 'Competitive Programming',url:'/competitive-programming'}
     ],
   },
   {
-    category: 'Other',
+    category: 'other',
     subcategory: [
       { name: 'Github', url: '/github' },
       { name: 'Dev Tools', url: '/devtools' },
       { name: 'Podcasts', url: '/podcasts' },
     ],
   },
-  {
-    category: 'opensource',
-    subcategory: [
-      { name: 'Blogs', url: '/opensource_blogs' },
-      { name: 'Projects', url: '/projects' },
-    ],
-  },
 ]

database/index.ts

@@ -18,10 +18,20 @@ export { default as security } from "./backend/security.json";
 export { default as testing } from "./backend/testing.json";
 export { default as validation } from "./backend/validation.json";
 export { default as systemDesign } from "./backend/system-design.json";
+// languages
+export { default as javascript } from "./languages/javascript.json";
+export { default as python } from "./languages/python.json";
+export { default as golang } from "./languages/golang.json";
+export { default as csharp } from "./languages/csharp.json";
+export { default as typescript } from "./languages/typescript.json";
 // ml & ai
 export { default as ml } from "./ml&ai/ml.json";
 export { default as dataScience } from "./ml&ai/datascience.json";
 export { default as deepLearning } from "./ml&ai/deeplearning.json";
+// Open-source
+export { default as openSourceBlogs } from "./opensource/blogs.json";
+export { default as openSourceProjects } from "./opensource/projects.json";
+export { default as openSourceTools } from "./opensource/tools.json";
 // resources
 export { default as blogs } from "./resources/blogs.json";
 export { default as hosting } from "./resources/hosting.json";
@@ -38,15 +48,6 @@ export { default as youtubTesting } from "./youtube/testing.json";
 export { default as computerScience } from './youtube/computer-science.json'
 export { default as competitiveProgramming } from './youtube/competitive-programming.json'
 // other
-export { default as github } from "./Other/Github.json";
-export { default as devtools } from "./Other/devtools.json";
-export { default as podcasts } from "./Other/podcasts.json";
-// languages
-export { default as javascript } from "./languages/javascript.json";
-export { default as python } from "./languages/python.json";
-export { default as golang } from "./languages/golang.json";
-export { default as csharp } from "./languages/csharp.json";
-export { default as typescript } from "./languages/typescript.json";
-// Open-source
-export { default as opensource_blogs } from "./opensource/opensource_blogs.json";
-export { default as projects } from "./opensource/projects.json";
+export { default as github } from "./other/github.json";
+export { default as devtools } from "./other/devtools.json";
+export { default as podcasts } from "./other/podcasts.json";

database/opensource/opensource_blogs.json → database/opensource/blogs.json

@@ -3,21 +3,21 @@
       "name": "Chrissy’s Open Source Survival Guide",
       "description": "Whether you are a coding newbie or an experienced developer looking to keep your skills sharp, my series will help you navigate the fun and whimsical world of open source projects.",
       "url": "https://chrissycodes.hashnode.dev/",
-      "category": "opensource",
-      "subcategory": "opensource_blogs"
+      "category": "open source",
+      "subcategory": "open-source-blogs"
    },
    {
       "name": "Ways to get more contributors to your open source project",
       "description": "Several ways to get more contributors to your Open Source project.",
       "url": "https://blog.pradumnasaraf.dev/ways-to-get-more-contributors-to-your-open-source-project",
-      "category": "opensource",
-      "subcategory": "opensource_blogs"
+      "category": "open source",
+      "subcategory": "open-source-blogs"
    },
    {
       "name": "How to make your first pull request on Github",
       "description": "This blog will help you to make your first pull request on Github",
       "url": "https://www.freecodecamp.org/news/how-to-make-your-first-pull-request-on-github-3/",
-      "category": "opensource",
-      "subcategory": "opensource_blogs"
+      "category": "open source",
+      "subcategory": "open-source-blogs"
    }
 ]

database/opensource/projects.json

@@ -1,51 +1,51 @@
 [
   {
     "name": "LinkFree",
-    "description": "An Open Source alternative to LinkTree to showcase your projects, milestones, events, and content.",
+    "description": "An Open Source alternative to LinkTree to showcase your open-source-projects, milestones, events, and content.",
     "url": "https://github.com/EddieHubCommunity/LinkFree",
-    "category": "opensource",
-    "subcategory": "projects"
+    "category": "open source",
+    "subcategory": "open-source-projects"
   },
   {
     "name": "Milan",
     "description": "Milan is the place to connect users, charities, and NGOs thus connecting those who need help and need for a good cause.",
     "url": "https://github.com/IAmTamal/Milan",
-    "category": "opensource",
-    "subcategory": "projects"
+    "category": "open source",
+    "subcategory": "open-source-projects"
   },
   {
     "name": "AsaKatsu",
     "description": "'AsaKatsu' is a Japanese term for waking up a little early to do something productive, aligned with a specific goal. With this philosophy in mind, this product helps you keep track of your goals' progress.",
     "url": "https://github.com/asakatsuOrg/AsaKatsuProject",
-    "category": "opensource",
-    "subcategory": "projects"
+    "category": "open source",
+    "subcategory": "open-source-projects"
   },
   {
     "name":"Good Docs Project",
     "description":"Looking to gain tech writing experience? Join the Good Docs Project. In this open source project, you will learn best practices for creating templates and writing instructions when documenting open source software.",
     "url":"https://thegooddocsproject.dev/",
-    "category": "opensource",
-    "subcategory": "projects"
+    "category": "open source",
+    "subcategory": "open-source-projects"
   },
   {
     "name": "Open Contributions Project",
     "description": "This project's mission is to teach company leaders what open source is and how their businesses can benefit from creating open source software.",
     "url": "https://github.com/OpenContributionsProject/opencontributionssite",
-    "category": "opensource",
-    "subcategory": "projects"
+    "category": "open source",
+    "subcategory": "open-source-projects"
   },
   {
     "name": "Web-Resources-Project",
     "description": "The project aims to provide developers with a centralized platform to access a wide range of front-end tools and resources, making their development process more efficient and productive.",
     "url": "https://github.com/jayk-gupta/web-resources-project",
-    "category": "opensource",
-    "subcategory": "projects"
+    "category": "open source",
+    "subcategory": "open-source-projects"
   },
   {
     "name": "Codeacademy Docs",
     "description": "Looking for a way to gain experience in tech writing? Codecademy Docs offer developers and open source enthusiasts a hands-on opportunity to collaborate with other learners. Together, you’ll create free, useful resources for developers and tech community members of all experience levels.",
     "url": "https://www.codecademy.com/pages/contribute-docs",
-    "category": "opensource",
-    "subcategory": "projects"
+    "category": "open source",
+    "subcategory": "open-source-projects"
   }
 ]

database/opensource/tools.json

@@ -0,0 +1,3 @@
+[
+
+]

database/Other/devtools.json → database/other/devtools.json

@@ -3,56 +3,56 @@
     "name": "Postman",
     "description": "It is an API Platform for developers to design, build, test and iterate their APIs.",
     "url": "https://www.postman.com/",
-    "category": "Other",
+    "category": "other",
     "subcategory": "devtools"
   },
   {
     "name": "VSCodium",
     "description": "VSCodium is free/libre Open Source Software Binaries of VS Code.",
     "url": "https://github.com/VSCodium/vscodium",
-    "category": "Other",
+    "category": "other",
     "subcategory": "devtools"
   },
   {
     "name": "Mockaroo",
     "description": "This site will help you to generate mock data for your projects",
     "url": "https://www.mockaroo.com/",
-    "category": "Other",
+    "category": "other",
     "subcategory": "devtools"
   },
   {
     "name": "Swagger",
     "description": "This site will help you to create documentation for your APIs",
     "url": "https://swagger.io/",
-    "category": "Other",
+    "category": "other",
     "subcategory": "devtools"
   },
   {
     "name": "UX-Archive",
     "description": "UX-Archive is powered by Waldo, the world’s first no-code testing platform that lets anyone create reliable, automated mobile tests without the hassle of scripting",
     "url": "https://uxarchive.com/",
-    "category": "Other",
+    "category": "other",
     "subcategory": "devtools"
   },
   {
     "name": "CodeSandbox",
     "description": "This IDE will make it easier for you to code. You can get any design you want as well as filter it by framework,dependiences, and tags.",
     "url": "https://codesandbox.io/search?refinementList",
-    "category": "Other",
+    "category": "other",
     "subcategory": "devtools"
   },
   {
     "name": "OpenSauced",
     "description": "OpenSauced is a great tool to display your merged and opened pull requests, highlight your favorite contributions, and find other open source projects to contribute to!",
     "url": "https://opensauced.pizza/",
-    "category": "Other",
+    "category": "other",
     "subcategory": "devtools"
   },
   {
     "name": "CodeCraftes",
     "description": "This is one of the best websites for developers to learn different programming languages. It provides dedicated tracks for each language and an online IDE that lets you do the exercises as you watch the lessons.",
     "url": "https://app.codecrafters.io/tracks",
-    "category": "Other",
+    "category": "other",
     "subcategory": "devtools"
   }
 ]

database/Other/Github.json → database/other/github.json

@@ -3,42 +3,42 @@
     "name": "ReadmeSo",
     "description": "One of the best and efficient site to generate Readme file for your project.",
     "url": "https://readme.so/",
-    "category": "Other",
+    "category": "other",
     "subcategory": "github"
   },
   {
     "name": "MakeReadme",
     "description": "It can generate readme.md and contribute.md files with pre-built templates and suggestions.",
     "url": "https://www.makeareadme.com/",
-    "category": "Other",
+    "category": "other",
     "subcategory": "github"
   },
   {
     "name": "Profile README Generator",
     "description": "This site will help you to generate markdowns for your GitHub profile",
     "url": "https://rahuldkjain.github.io/gh-profile-readme-generator/",
-    "category": "Other",
+    "category": "other",
     "subcategory": "github"
   },
   {
     "name": "GitHub Profile ReadMe Maker",
     "description": "This site will help you to generate markdowns for your GitHub profile",
     "url": "https://gprm.itsvg.in/",
-    "category": "Other",
+    "category": "other",
     "subcategory": "github"
   },
   {
     "name": "First Interaction",
     "description": "An action for filtering pull requests and issues from first-time contributors.",
     "url": "https://github.com/marketplace/actions/first-interaction",
-    "category": "Other",
+    "category": "other",
     "subcategory": "github"
   },
   {
     "name": "GitHub's Maintainer Community",
     "description": "GitHub's Maintainer Community is a private space for maintainers to connect with peers, preview GitHub features, and help us support the open source community.",
     "url": "https://maintainers.github.com/auth/signin",
-    "category": "Other",
+    "category": "other",
     "subcategory": "github"
   }
 ]

types/index.ts

@@ -27,7 +27,7 @@ export interface IData {
   language?: string;
 }
 
-export type Category = "frontend" | "backend" | "ml, ai & data" | "youtube" | "resources" | "Other" | "languages" | "online platform" | "opensource";
+export type Category = "frontend" | "backend" | "ml & ai" | "youtube" | "resources" | "other" | "languages" | "online platform" | "open source";
 
 export type SubCategory =
   | "images"
@@ -67,8 +67,9 @@ export type SubCategory =
   | "javascript"
   | "python"
   | "golang"
-  | "opensource_blogs"
-  | "projects";
+  | "open-source-blogs"
+  | "open-source-projects"
+  | "open-source-tools";
 export type SubCategories = {
   name: string;
   url: string;