{"id":31324795,"url":"https://github.com/ariefshaik7/vite-react-argocd-k8s","last_synced_at":"2026-04-02T02:51:11.796Z","repository":{"id":306648140,"uuid":"1026848230","full_name":"ariefshaik7/vite-react-argocd-k8s","owner":"ariefshaik7","description":"This project demonstrates a complete DevOps workflow using a Vite React application with a CI/CD pipeline powered by Jenkins, Docker, Kubernetes, and ArgoCD.","archived":false,"fork":false,"pushed_at":"2025-07-27T17:09:51.000Z","size":57,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":0,"default_branch":"master","last_synced_at":"2025-07-27T17:52:07.123Z","etag":null,"topics":["argocd","ci-cd","devops","docker","k8s","kubernetes","react","vite"],"latest_commit_sha":null,"homepage":"","language":"TypeScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/ariefshaik7.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null,"zenodo":null}},"created_at":"2025-07-26T18:34:54.000Z","updated_at":"2025-07-27T17:11:40.000Z","dependencies_parsed_at":"2025-07-27T17:52:10.963Z","dependency_job_id":null,"html_url":"https://github.com/ariefshaik7/vite-react-argocd-k8s","commit_stats":null,"previous_names":["ariefshaik7/vite-react-sonar-argocd-k8s","ariefshaik7/vite-react-argocd-k8s"],"tags_count":null,"template":false,"template_full_name":null,"purl":"pkg:github/ariefshaik7/vite-react-argocd-k8s","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ariefshaik7%2Fvite-react-argocd-k8s","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ariefshaik7%2Fvite-react-argocd-k8s/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ariefshaik7%2Fvite-react-argocd-k8s/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ariefshaik7%2Fvite-react-argocd-k8s/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/ariefshaik7","download_url":"https://codeload.github.com/ariefshaik7/vite-react-argocd-k8s/tar.gz/refs/heads/master","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ariefshaik7%2Fvite-react-argocd-k8s/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":276987455,"owners_count":25740583,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","status":"online","status_checked_at":"2025-09-25T02:00:09.612Z","response_time":80,"last_error":null,"robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":true,"can_crawl_api":true,"host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["argocd","ci-cd","devops","docker","k8s","kubernetes","react","vite"],"created_at":"2025-09-25T21:39:20.429Z","updated_at":"2025-09-25T21:39:23.934Z","avatar_url":"https://github.com/ariefshaik7.png","language":"TypeScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Vite React CI/CD with Jenkins, Docker, Kubernetes \u0026 ArgoCD\n\nThis project demonstrates a complete DevOps workflow using a Vite React application with a CI/CD pipeline powered by Jenkins, Docker, Kubernetes, and ArgoCD.\n\n## Tools Used\n\n| Tool | Purpose |\n| --- | --- |\n| **Vite/React** | Frontend web application framework |\n| **Jenkins** | CI/CD automation server |\n| **Docker** | Application containerization |\n| **Kubernetes** | Application deployment and scaling |\n| **ArgoCD** | GitOps-based continuous delivery |\n| **GitHub** | Source code and deployment manifest hosting |\n| **Docker Hub** | Container image registry |\n\n## Step-by-Step Setup Instructions\n\n### 1\\. Install Jenkins\n\n```bash\nsudo apt update\nsudo apt install openjdk-17-jdk -y\nwget -q -O - [https://pkg.jenkins.io/debian-stable/jenkins.io.key](https://pkg.jenkins.io/debian-stable/jenkins.io.key) | sudo apt-key add -\nsudo sh -c 'echo deb [https://pkg.jenkins.io/debian-stable](https://pkg.jenkins.io/debian-stable) binary/ \u003e /etc/apt/sources.list.d/jenkins.list'\nsudo apt update\nsudo apt install jenkins -y\nsudo systemctl enable jenkins\nsudo systemctl start jenkins\n\n```\n\nAccess Jenkins at `http://\u003cyour_ip\u003e:8080`. To get the password:\n\n```bash\nsudo cat /var/lib/jenkins/secrets/initialAdminPassword\n\n```\n\nInstall suggested plugins and also install:\n\n* Docker Pipeline\n    \n* GitHub Plugin\n    \n\n### 2\\. Install Docker\n\n```bash\nsudo apt install docker.io -y\nsudo systemctl enable docker\nsudo systemctl start docker\nsudo usermod -aG docker jenkins\nsudo systemctl restart jenkins\n\n```\n\n### 3\\. Install Kubernetes CLI and Start Cluster\n\n```bash\ncurl -LO \"[https://dl.k8s.io/release/$(curl](https://dl.k8s.io/release/$(curl) -s [https://dl.k8s.io/release/stable.txt)/bin/linux/amd64/kubectl](https://dl.k8s.io/release/stable.txt)/bin/linux/amd64/kubectl)\"\nchmod +x kubectl\nsudo mv kubectl /usr/local/bin/\n\n```\n\nStart your Kubernetes cluster using your preferred method (e.g., Minikube, Kind, etc.).\n\n### 4\\. Install and Configure ArgoCD\n\n```bash\nkubectl create namespace argocd\nkubectl apply -n argocd -f [https://raw.githubusercontent.com/argoproj/argo-cd/stable/manifests/install.yaml](https://raw.githubusercontent.com/argoproj/argo-cd/stable/manifests/install.yaml)\nkubectl patch svc argocd-server -n argocd -p '{\"spec\": {\"type\": \"NodePort\"}}'\nkubectl get svc argocd-server -n argocd\n\n```\n\nGet the ArgoCD password and access it from your browser:\n\n```bash\nkubectl -n argocd get secret argocd-initial-admin-secret -o jsonpath=\"{.data.password}\" | base64 -d; echo\n\n```\n\n### 5\\. Add Credentials in Jenkins\n\nGo to **Manage** Jenkins \u0026gt; Credentials \u0026gt; **System \u0026gt; Global credentials \u0026gt; Add Credentials**:\n\n* **GitHub Token:**\n    \n    * **Kind:** `Secret text`\n        \n    * **ID:** `github`\n        \n    * **Secret:** Your GitHub Personal Access Token with `repo` scope.\n        \n* **Docker Hub Credentials:**\n    \n    * **Kind:** `Username with password`\n        \n    * **ID:** `dockerhub`\n        \n    * **Username:** Your Docker Hub username.\n        \n    * **Password:** Your Docker Hub password or access token.\n        \n\n### 6\\. Configure ArgoCD Application\n\nUse the ArgoCD UI to configure your application:\n\n* **Git Repo:** Link to your deployment manifest repo \n    \n* **Path:** `shell-lab-manifests`\n    \n* **Namespace:** `default` (or your target namespace)\n    \n* **Sync:** Auto or Manual\n    \n\nEnsure the service in your `service.yml` is of type `NodePort` to allow browser access.\n\n## Jenkins Pipeline Flow\n\n1. **Pull code** from the application's GitHub repository.\n    \n2. **Install dependencies and build** the Vite/React app using `npm`.\n    \n3. **Build a Docker image** and push it to Docker Hub.\n    \n4. **Update the** `deployment.yml` in the separate GitOps repository with the new image tag.\n    \n5. **Push** the updated YAML back to the GitOps repository.\n    \n6. **ArgoCD detects the change** and automatically deploys the new version to Kubernetes.\n    \n\n### This project demonstrates a complete end-to-end DevOps CI/CD pipeline for a Vite/React web application using Jenkins, Docker, Kubernetes, and ArgoCD.","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fariefshaik7%2Fvite-react-argocd-k8s","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fariefshaik7%2Fvite-react-argocd-k8s","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fariefshaik7%2Fvite-react-argocd-k8s/lists"}