https://github.com/muhammad-ali-70/dev-op-project

The Dev-Op Project is a web application showcasing the use of Jenkins and GCP instances to implement Continuous Integration and Continuous Deployment (CI/CD) pipelines, automating the build, test, and deployment processes.
https://github.com/muhammad-ali-70/dev-op-project

automation ci-cd devops html-css-javascript jenkins pipleline web-deployment

Last synced: about 1 month ago
JSON representation

The Dev-Op Project is a web application showcasing the use of Jenkins and GCP instances to implement Continuous Integration and Continuous Deployment (CI/CD) pipelines, automating the build, test, and deployment processes.

• Host: GitHub
• URL: https://github.com/muhammad-ali-70/dev-op-project
• Owner: Muhammad-Ali-70
• Created: 2024-05-27T07:07:40.000Z (9 months ago)
• Default Branch: main
• Last Pushed: 2024-08-17T18:23:14.000Z (6 months ago)
• Last Synced: 2024-11-07T21:33:28.228Z (3 months ago)
• Topics: automation, ci-cd, devops, html-css-javascript, jenkins, pipleline, web-deployment
• Language: HTML
• Homepage:
• Size: 68.4 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# 🌐 Dev-Op Implementation (Semester Project) University 

## 📖 Overview

The Dev-Op Project is a web-based application designed to demonstrate the implementation of Continuous Integration and Continuous Deployment (CI/CD) pipelines using Jenkins and Google Cloud Platform (GCP) instances. This project integrates a simple web application with CI/CD practices to automate testing, building, and deployment processes.

## ✨ Features

### 🛠️ Admin Features

- **🔧 Jenkins Integration**: Configured Jenkins pipeline to automate the build, test, and deployment stages of the web application.

- **🌐 GCP Instances**: Utilized Google Cloud Platform instances to host and run the web application.

### 💻 Application Features

- **📄 Web Pages**: Includes basic web pages such as Home (`index.html`), Login (`login.html`), Signup (`signup.html`), and About (`about.html`).

- **🎨 Styling**: Custom CSS (`styles.css`) to enhance the user interface.

- **🔄 Continuous Deployment**: Automatic deployment to GCP instances upon successful build and test completion in Jenkins.

## 📂 Project Structure

- **`/Jenkinsfile`**: Contains the Jenkins pipeline configuration for CI/CD.

- **`/index.html`**: Home page of the web application.

- **`/login.html`**: Login page for user authentication.

- **`/signup.html`**: Signup page for new user registration.

- **`/about.html`**: About page with information about the project.

- **`/styles.css`**: CSS file for styling the web pages.

- **`/comsats.jpg`**: An image used in the web application.

## 🛠️ Technologies Used

- **Programming Languages**: HTML, CSS

- **CI/CD Tools**: Jenkins

- **Cloud Platform**: Google Cloud Platform (GCP)

## 🛠️ Getting Started

1. **Clone the Repository**: Download or clone the repository to your local machine.

    ```bash

    git clone https://github.com/Muhammad-Ali-70/Dev-Op-Project.git

    ```

2. **Set Up Jenkins**: Configure Jenkins with the provided `Jenkinsfile` for CI/CD.

3. **Deploy to GCP**: Set up GCP instances to host the web application, following the deployment steps in the Jenkins pipeline.