🎓 UCP DevOps Project

A modern, high-performance web portal built with a cutting-edge DevOps mindset.

This project showcases a complete software development lifecycle, from modern UI/UX design to a fully automated CI/CD pipeline using GitHub Actions, Docker, and Render.

---

🚀 Key Features

• ✨ Modern UI/UX: Responsive design with glassmorphism and vibrant aesthetics.
• 🛠️ Tech Excellence: Built using Parcel for lightning-fast bundling and minimal configuration.
• 🐳 Containerization: Fully dockerized application ensuring consistency across environments.
• 🔄 Automated DevOps: Robust CI/CD pipelines for staging, production, and development.
• ⚡ High Performance: Nginx-powered hosting with optimized caching strategies.

---

🛠️ Tech Stack

Category	Technologies
Frontend
Build Tool
DevOps
Standardization

---

🏗️ DevOps Pipeline Architecture

The project follows a rigorous automated pipeline to ensure code quality and seamless delivery.

graph LR
    A[Code Push] --> B{CI Workflow}
    B -->|Lint| C[HTML/CSS Linting]
    B -->|Build| D[Parcel Bundling]
    C --> E[Docker Image Build]
    D --> E
    E -->|Push| F[Docker Hub]
    F --> G{CD Workflow}
    G -->|Trigger| H[Render.com Deployment]
    H --> I[Live Production]

Loading

---

🚦 Getting Started

Prerequisites

• Node.js (v20 or higher)
• Docker

Installation & Run

1. Clone the repository

   git clone https://github.com/Asim12312/ucp-devops-project.git
   cd ucp-devops-project

2. Install dependencies

   npm install

3. Run Development Build

   npm run build

4. Linting

   npm run lint

---

📄 License

Distributed under the ISC License. See LICENSE (if applicable) or package.json for more information.

---

👨‍💻 Team Members

🔹 Muhammad Asim

• GitHub: @Asim12312
• Role: Lead Developer / DevOps

🔹 Sharjeel

• Role: Developer

🔹 Ahmad Hassan

• Role: Developer

🔹 Muhammad Yasir Raza

• Role: Developer

---

Made with ❤️ for DevOps Excellence