Jenkins Pipeline Demo

  • By
  • Posted on

Summary: This project creates a demo CI/CD pipeline to build, test, and deploy a React application.

Description: This is a compact demo application that showcases automated testing and continuous deployment with Jenkins: an application with its test harness, project config (package.json), and a Jenkinsfile that encodes a CI/CD pipeline for building, testing, and deploying the app. There are two versions of this project: one using a React application and the other using a Node.js application. The React version is a school project, and the Node.js version is a personal project.

Dates:

  • School Project: 12/1/2025 – 12/2/2025
  • Personal Project: 12/9/2025

Language: JavaScript

Skills:

  • Jenkins
  • GitHub
  • React
  • Node.js

File: N/A

How to Run (Personal Project):

  1. Fork the repository (https://github.com/marvel3492/tennis-balls-company-sqlite3)
  2. Open Jenkins (http://localhost:8080/)
  3. Execute a node if none are running (http://localhost:8080/computer/)
  4. Create a pipeline
    1. Click + New Item
    2. Enter an item name (tennis-balls-company for the project)
    3. Select Pipeline as the item type
    4. Click Ok
  5. Configure the pipeline
    1. Select Pipeline script from SCM as the Definition
    2. Select Git as the SCM
    3. Enter the forked repository (.git) as the Repository URL
    4. Enter */main as the Branch Specifier
    5. Click Save
  6. Run the pipeline (click “Build Now”)
  7. View the progress of the build
    1. Under Builds, click the build
    2. Click Pipeline Overview
  8. When the build reaches the Deploy stage, open http://localhost:3039/ in a browser
  9. Cancel the build in Pipeline Overview when finished (click Cancel)
  10. Disable the node when finished

Repositories: