Add github random repo project

src/data/projects/github-random-repo.md

@@ -0,0 +1,39 @@
+---
+title: 'GitHub Random Repository'  
+description: 'Create a GitHub random repository finder using GitHub API.'  
+isNew: false  
+sort: 25  
+difficulty: 'intermediate'  
+nature: 'API Integration'  
+skills:  
+  - 'HTML'  
+  - 'CSS'  
+  - 'JavaScript'  
+  - 'API Integration'  
+  - 'DOM Manipulation'  
+seo:  
+  title: 'Build a GitHub Repository Finder with JavaScript and GitHub API'  
+  description: 'Learn how to create a dynamic application that fetches random GitHub repositories based on a chosen language and displays key information like stars, forks, and issues.'  
+  keywords:  
+    - 'github api'
+    - 'repository finder'
+    - 'javascript project'  
+roadmapIds:  
+  - 'frontend'  
+
+---
+
+This project is designed to introduce you to working with external APIs, handling asynchronous requests, and managing different UI states with JavaScript.
+
+You will create a GitHub repository finder that allows users to select a programming language from a dropdown menu. The app will then use the GitHub Repository Search API to fetch and display a random repository that matches the selected language. The displayed information should include the repository name, description, number of stars, forks, and open issues. Users can fetch another random repository with a button click.
+
+[![GitHub Random Repository](https://assets.roadmap.sh/guest/github-repo-finder-n2qz4.png)](https://assets.roadmap.sh/guest/github-repo-finder-n2qz4.png)
+
+The application should handle loading, empty, and error states effectively. After successfully fetching a repository, a "Refresh" button should appear to allow users to get another random repository.
+
+Here are the links to the resources you will need for this project:
+
+- [GitHub Repository Search API](https://docs.github.com/en/rest/reference/search#search-repositories)
+- [Programming Language Data](https://raw.githubusercontent.com/kamranahmedse/githunt/master/src/components/filters/language-filter/languages.json)
+
+This project will help you practice API integration, managing asynchronous data, and enhancing user experience with responsive UI states.