# Project Comparison using UI

1. [Step By Step Process](#id-1.-step-by-step-process)
2. [Demo Video](#id-2.-demo-video)

## 1. Step By Step Process

## Project Schemas

Project Schemas are predefined templates used to create VC documents. These schemas are selected for a specific policy and serve as the structural basis for generating project data.

<figure><img src="https://1556785885-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FNYWPEEAknX9Vki1yV5HY%2Fuploads%2Fgit-blob-15e1d7a1352fe265e7bd1be99b5a09e3224d2142%2Fimage%20(2)%20(1)%20(1)%20(1)%20(1)%20(1)%20(1)%20(1)%20(1)%20(1)%20(1)%20(1)%20(1)%20(1)%20(1)%20(1)%20(1)%20(1)%20(1)%20(1)%20(1)%20(1)%20(1)%20(1)%20(1)%20(1)%20(1)%20(1)%20(2).png?alt=media" alt=""><figcaption></figcaption></figure>

In the current schema setup, specific ‘property fields’ are explicitly designated for the comparison process. These fields play a crucial role in evaluating and contrasting different projects.

<figure><img src="https://1556785885-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FNYWPEEAknX9Vki1yV5HY%2Fuploads%2Fgit-blob-3f13fac3d669e7bd40d27bcb746abaf29cf73f7f%2Fimage%20(407).png?alt=media" alt=""><figcaption></figcaption></figure>

These property fields were incorporated into the database as part of migration v.2-17-0, utilizing the 'policy-properties.csv' file. This integration ensures that the comparison process is seamless and data-driven.

## Project Overview

This section includes both category and policy filters, allowing users to sift through projects based on specific criteria.

<figure><img src="https://1556785885-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FNYWPEEAknX9Vki1yV5HY%2Fuploads%2Fgit-blob-a67f25afbe603dfad8e247e31fc69e59b05b7d09%2Fimage%20(408).png?alt=media" alt=""><figcaption></figcaption></figure>

### Filter Logic

Within a single group, filters apply a logical 'OR' to search for relevant projects. Between different groups, a logical 'AND' is used. This dual logic ensures a comprehensive filtering process.

### Search Enhancement

The functionality is further expanded by enabling searches based on project titles.

<figure><img src="https://1556785885-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FNYWPEEAknX9Vki1yV5HY%2Fuploads%2Fgit-blob-24a4ee2b875ea00118bc42509da09fda387b284c%2Fimage%20(3)%20(1)%20(1)%20(1)%20(1)%20(1)%20(1)%20(1)%20(1)%20(1)%20(1)%20(1)%20(1)%20(1)%20(1)%20(1)%20(1)%20(1)%20(1)%20(1)%20(1)%20(1)%20(1)%20(1)%20(1).png?alt=media" alt=""><figcaption></figcaption></figure>

### Result Dashboard

Users are presented with a dashboard showcasing projects that align with their chosen filters.

### Project Selection for Comparison

Users can select multiple projects for a side-by-side comparison by clicking the 'plus' button. After selection, accessing the 'open the comparison' button redirects them to a detailed comparison view.

### Projects Comparison Page

On this page, users will find a comparative table displaying selected project fields. This visual representation allows for an easy and intuitive comparison of different projects, highlighting similarities and differences.

<figure><img src="https://1556785885-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FNYWPEEAknX9Vki1yV5HY%2Fuploads%2Fgit-blob-e2f66df572302f0ede4e6d1372f8107adaee1281%2Fimage%20(4)%20(1)%20(1)%20(1)%20(1)%20(1)%20(1)%20(1)%20(1)%20(1)%20(1)%20(1)%20(1)%20(1)%20(1)%20(1)%20(1)%20(1)%20(1)%20(1)%20(1).png?alt=media" alt=""><figcaption></figcaption></figure>

### VP Document Comparison

Document comparison includes examination of the VP documents generated by both projects. This works in the same way as comparing documents from the UI.

<figure><img src="https://1556785885-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FNYWPEEAknX9Vki1yV5HY%2Fuploads%2Fgit-blob-e81b7c5e95a89e7105259e5d18d5a4484152e4d9%2Fimage%20(619).png?alt=media" alt=""><figcaption></figcaption></figure>

## 2. Demo Video

[Youtube](https://youtu.be/nw4PFCfVciM)