add

Author: sangam14

public/data/popular-docker-images.py

@@ -0,0 +1,33 @@
+import requests
+import csv
+
+def get_popular_docker_images(limit=1000):
+    images = []
+    page = 1
+    while len(images) < limit:
+        url = f"https://hub.docker.com/v2/repositories/library/?page={page}&page_size=10000"
+        response = requests.get(url)
+        
+        if response.status_code == 200:
+            data = response.json()
+            results = data.get('results', [])
+            images.extend([(image['name'], image['pull_count']) for image in results])
+            if len(results) < 100:  # No more images to fetch
+                break
+            page += 1
+        else:
+            print(f"Failed to retrieve images: {response.status_code}")
+            break
+
+    return images[:limit]
+
+def save_images_to_csv(images, filename='popular_docker_images.csv'):
+    with open(filename, mode='w', newline='') as file:
+        writer = csv.writer(file)
+        writer.writerow(['Image Name', 'Pull Count'])  # Header
+        writer.writerows(images)
+
+if __name__ == "__main__":
+    popular_images = get_popular_docker_images()
+    save_images_to_csv(popular_images)
+    print(f"Saved {len(popular_images)} popular Docker images to 'popular_docker_images.csv'.")

public/data/popular_docker_images.csv

@@ -0,0 +1,179 @@
+Image Name,Pull Count
+centos,1172620538
+busybox,11932018694
+ubuntu,9558704284
+scratch,268577
+fedora,124879800
+registry,1694431660
+hipache,439029
+docker-dev,2593866
+debian,1359274731
+cirros,6828884
+crux,877082
+ubuntu-upstart,1817537
+buildpack-deps,241219587
+nginx,12273200032
+node,5651444087
+mysql,4558645578
+wordpress,1414724369
+postgres,9552249732
+redis,9589296853
+java,142805511
+mongo,4565484995
+rails,8965397
+ruby,1486395578
+python,7996552938
+ubuntu-debootstrap,8945079
+perl,246037208
+hello-world,3152731333
+hylang,26435608
+gcc,25142097
+jenkins,149284492
+opensuse,9409708
+golang,2327608240
+neurodebian,9991256
+clojure,38300174
+php,1230169235
+jruby,50917281
+mageia,1655798
+crate,18844374
+php-zendserver,4304010
+tomcat,790129918
+mono,43252029
+haskell,8108876
+glassfish,1272070
+maven,695798669
+httpd,4605811070
+sentry,123029258
+r-base,10469420
+mariadb,2905035133
+thrift,3024939
+pypy,40732095
+django,23035918
+haproxy,1095436743
+memcached,12605455518
+rabbitmq,3661548786
+oraclelinux,38324604
+odoo,44387776
+rethinkdb,76054843
+iojs,17379239
+websphere-liberty,24285538
+irssi,8509433
+swarm,83063461
+elasticsearch,905204688
+jetty,40754249
+ghost,368542999
+celery,3528495
+percona,198983441
+aerospike,18468780
+logstash,197604797
+julia,15674351
+alpine,11110333435
+rakudo-star,2513754
+drupal,199271451
+cassandra,221079429
+sonarqube,1134091055
+couchbase,87634788
+ros,28943089
+kibana,219640080
+kaazing-gateway,2094249
+arangodb,37482099
+owncloud,57032618
+gazebo,4480692
+joomla,84365080
+redmine,70559497
+nats,211816588
+rocket.chat,75035947
+docker,3241957782
+tomee,24675798
+sourcemage,653218
+bonita,12731765
+solr,346597484
+neo4j,294126852
+erlang,62998597
+nuxeo,5087478
+photon,17739265
+couchdb,193860700
+notary,6672179
+piwik,20458666
+elixir,60715787
+lightstreamer,5946277
+orientdb,15293162
+mongo-express,256455222
+traefik,3373757824
+backdrop,7053110
+consul,1044063574
+chronograf,155801811
+influxdb,1074070648
+kapacitor,59982397
+telegraf,612292882
+hello-seattle,5006838
+hola-mundo,1466473
+fsharp,2933414
+spiped,3183485
+vault,546464858
+clearlinux,6900757
+eggdrop,2844638
+ibmjava,13218248
+openjdk,2573574365
+kong,338368114
+zookeeper,323652766
+nats-streaming,100729591
+storm,9114873
+plone,6790056
+bash,487824630
+amazonlinux,914818541
+composer,178362306
+known,1375676
+eclipse-mosquitto,632994713
+nextcloud,978067427
+silverpeas,1924608
+swift,27891464
+haxe,24842619
+rapidoid,2700941
+adminer,380425506
+geonetwork,5378513
+xwiki,33053375
+groovy,77499427
+znc,28371109
+gradle,265162590
+convertigo,4328655
+flink,91540510
+swipl,3122415
+rust,96091017
+mediawiki,45663963
+euleros,720022
+sl,609810
+open-liberty,13336095
+clefos,807865
+teamspeak,135065364
+matomo,126503608
+yourls,22040194
+alt,773900
+amazoncorretto,108601845
+express-gateway,2478230
+postfixadmin,5466201
+fluentd,12158169
+adoptopenjdk,100990080
+sapmachine,23228005
+varnish,19113151
+jobber,703780
+archlinux,28712268
+friendica,5266071
+caddy,648536792
+monica,12101600
+phpmyadmin,73723988
+hitch,483484
+almalinux,9357234
+dart,2673084
+eclipse-temurin,188638993
+ibm-semeru-runtimes,7107285
+rockylinux,37225129
+api-firewall,64596
+emqx,2980354
+satosa,413084
+unit,789847
+spark,837897
+liquibase,227644
+clickhouse,112860
+krakend,3798

src/App.jsx

@@ -8,6 +8,7 @@ import Footer from "./components/Footer";
 import Labs from "./components/Labs";
 import OpenGraph from "./components/OpenGraph";
 import DiscordPopup from "./components/DiscordPopup";
+import DockerImages from "./components/DockerImages";
 
 function App() {
   return (
@@ -37,6 +38,17 @@ function App() {
                 <ToolsSection />
               </div>
             } />
+            <Route path="/docker-images" element={
+              <div className="text-primary max-w-[1280px] mx-auto px-4 py-8">
+                <OpenGraph 
+                  title="Popular Docker Images | KubeDaily"
+                  description="Explore popular Docker images with detailed information about their pull counts, stars, and official status."
+                  tags={["Docker Images", "Container Images", "Docker Hub", "Container Registry"]}
+                />
+                <h1 className="text-3xl font-bold mb-8 text-center">Popular Docker Images</h1>
+                <DockerImages />
+              </div>
+            } />
             <Route path="/labs" element={
               <>
                 <OpenGraph 

src/components/AppLayout.jsx

@@ -5,7 +5,8 @@ import {
   BookOutlined,
   ExperimentOutlined,
   GithubOutlined,
-  UserOutlined
+  UserOutlined,
+  StarOutlined
 } from '@ant-design/icons';
 import { Link, useLocation } from 'react-router-dom';
 
@@ -21,7 +22,7 @@ const userMenu = (
 
 const AppLayout = ({ children }) => {
   const location = useLocation();
-  const selectedKey = location.pathname.split('/')[1] || 'home';
+  const selectedKey = location.pathname === '/top' ? 'top' : (location.pathname.split('/')[1] || 'home');
 
   return (
     <Layout style={{ minHeight: '100vh' }}>
@@ -47,6 +48,9 @@ const AppLayout = ({ children }) => {
           style={{ height: '100%', borderRight: 0, background: 'transparent', color: '#fff' }}
           theme="dark"
         >
+          <Menu.Item key="top" icon={<StarOutlined />}>
+            <Link to="/top">TOP</Link>
+          </Menu.Item>
           <Menu.Item key="home" icon={<HomeOutlined />}>
             <Link to="/">Home</Link>
           </Menu.Item>