Add project on other roadmaps

src/data/projects/blogging-platform-api.md

@@ -18,6 +18,11 @@ seo:
     - 'backend project idea'
 roadmapIds:
   - 'backend'
+  - 'nodejs'
+  - 'python'
+  - 'java'
+  - 'golang'
+  - 'spring-boot'
 ---
 
 You are required to create a simple RESTful API with basic CRUD operations for a personal blogging platform. CRUD stands for Create, Read, Update, and Delete. 

src/data/projects/broadcast-server.md

@@ -18,6 +18,11 @@ seo:
     - 'backend project idea'
 roadmapIds:
   - 'backend'
+  - 'nodejs'
+  - 'python'
+  - 'java'
+  - 'golang'
+  - 'spring-boot'
 ---
 
 You are required to create a simple broadcast server that will allow clients to connect to it, send messages that will be broadcasted to all connected clients.

src/data/projects/ecommerce-api.md

@@ -17,6 +17,11 @@ seo:
     - 'backend project idea'
 roadmapIds:
   - 'backend'
+  - 'nodejs'
+  - 'python'
+  - 'java'
+  - 'golang'
+  - 'spring-boot'
 ---
 
 You are required to build an API for an e-commerce platform. If you have developed the other projects in this roadmap, you will have to keep in mind everything you have learned so far:

src/data/projects/expense-tracker-api.md

@@ -16,6 +16,11 @@ seo:
     - 'backend project idea'
 roadmapIds:
   - 'backend'
+  - 'nodejs'
+  - 'python'
+  - 'java'
+  - 'golang'
+  - 'spring-boot'
 ---
 
 Build an API for an expense tracker application. This API should allow users to create, read, update, and delete expenses. Users should be able to sign up and log in to the application. Each user should have their own set of expenses.

src/data/projects/expense-tracker.md

@@ -18,6 +18,11 @@ seo:
     - 'backend project idea'
 roadmapIds:
   - 'backend'
+  - 'nodejs'
+  - 'python'
+  - 'java'
+  - 'golang'
+  - 'spring-boot'
 ---
 
 Build a simple expense tracker application to manage your finances. The application should allow users to add, delete, and view their expenses. The application should also provide a summary of the expenses.

src/data/projects/github-user-activity.md

@@ -16,6 +16,11 @@ seo:
     - 'backend project idea'
 roadmapIds:
   - 'backend'
+  - 'nodejs'
+  - 'python'
+  - 'java'
+  - 'golang'
+  - 'spring-boot'
 ---
 
 In this project, you will build a simple command line interface (CLI) to fetch the recent activity of a GitHub user and display it in the terminal. This project will help you practice your programming skills, including working with APIs, handling JSON data, and building a simple CLI application.

src/data/projects/markdown-note-taking-app.md

@@ -17,6 +17,11 @@ seo:
     - 'backend project idea'
 roadmapIds:
   - 'backend'
+  - 'nodejs'
+  - 'python'
+  - 'java'
+  - 'golang'
+  - 'spring-boot'
 ---
 
 You are required to build a simple note-taking app that lets users upload markdown files, check the grammar, save the note, and render it in HTML. The goal of this project is to help you learn how to handle file uploads in a RESTful API, parse and render markdown files using libraries, and check the grammar of the notes.

src/data/projects/personal-blog.md

@@ -19,6 +19,11 @@ seo:
     - 'backend project idea'
 roadmapIds:
   - 'backend'
+  - 'nodejs'
+  - 'python'
+  - 'java'
+  - 'golang'
+  - 'spring-boot'
 ---
 
 You are required to build a personal blog where you can write and publish articles. The blog will have two sections: a guest section and an admin section.

src/data/projects/task-tracker.md

@@ -17,6 +17,11 @@ seo:
     - 'backend project idea'
 roadmapIds:
   - 'backend'
+  - 'nodejs'
+  - 'python'
+  - 'java'
+  - 'golang'
+  - 'spring-boot'
 ---
 
 Task tracker is a project used to track and manage your tasks. In this task, you will build a simple command line interface (CLI) to track what you need to do, what you have done, and what you are currently working on. This project will help you practice your programming skills, including working with the filesystem, handling user inputs, and building a simple CLI application.

src/data/projects/todo-list-api.md

@@ -19,6 +19,11 @@ seo:
     - 'backend project idea'
 roadmapIds:
   - 'backend'
+  - 'nodejs'
+  - 'python'
+  - 'java'
+  - 'golang'
+  - 'spring-boot'
 ---
 
 In this project you are required to develop a RESTful API to allow users to manage their to-do list. The previous backend projects have only focused on the CRUD operations, but this project will require you to implement user authentication as well.

src/data/projects/unit-converter.md

@@ -18,6 +18,11 @@ seo:
     - 'backend project idea'
 roadmapIds:
   - 'backend'
+  - 'nodejs'
+  - 'python'
+  - 'java'
+  - 'golang'
+  - 'spring-boot'
 ---
 
 You are required to build a simple web app that can convert between different units of measurement. It can convert units of length, weight, volume, area, temperature, and more. The user can input a value and select the units to convert from and to. The application will then display the converted value.

src/data/projects/url-shortening-service.md

@@ -17,6 +17,11 @@ seo:
     - 'backend project idea'
 roadmapIds:
   - 'backend'
+  - 'nodejs'
+  - 'python'
+  - 'java'
+  - 'golang'
+  - 'spring-boot'
 ---
 
 You are required to create a simple RESTful API that allows users to shorten long URLs. The API should provide endpoints to create, retrieve, update, and delete short URLs. It should also provide statistics on the number of times a short URL has been accessed.

src/data/projects/weather-api-wrapper-service.md

@@ -18,6 +18,11 @@ seo:
     - 'backend project idea'
 roadmapIds:
   - 'backend'
+  - 'nodejs'
+  - 'python'
+  - 'java'
+  - 'golang'
+  - 'spring-boot'
 ---
 
 In this project, instead of relying on our own weather data, we will build a weather API that fetches and returns weather data from a 3rd party API. This project will help you understand how to work with 3rd party APIs, caching, and environment variables.

src/pages/projects/[projectId].astro

@@ -66,14 +66,14 @@ const githubUrl = `https://github.com/kamranahmedse/developer-roadmap/tree/maste
   <div class='bg-gray-50'>
     <div class='container'>
       <div
-        class='my-3 flex flex-row items-center gap-1.5 rounded-md border bg-white px-2 py-2 text-sm'
+        class='my-3 flex flex-wrap flex-row items-center gap-1.5 rounded-md border bg-white px-2 py-2 text-sm'
       >
         <AstroIcon icon='map' class='h-4 w-4' />
-        Relevant roadmaps to visit <span class='flex flex-row gap-1'>
+        Relevant roadmaps <span class='flex flex-row flex-wrap gap-1'>
           {
             project.roadmaps.map((roadmap) => (
               <a
-                class='text-blue-700 underline underline-offset-2 hover:text-blue-800'
+                class='bg-gray-500 text-white text-sm px-1.5 rounded hover:bg-black transition-colors'
                 href={`/${roadmap.id}`}
               >
                 {roadmap.frontmatter?.briefTitle}