Gitt One Pages
Open menu

CertificationItem

apps/www/src/components/CertificationItem.astro · 52 lines · group Features & lists

Used by

Live sites: posexpert.se.

Samples 2

posexpert.se/certification/shown inside <CertificationSection>

Certification project steps

Documentation and Requirements Analysis

During the analysis phase, all requirements were broken down into separate parts in collaboration with the development team. Key requirements and those related to product security from the perspective of potential threats were identified. The necessary technological stack and tools for project implementation were chosen.

Design

Based on the analysis, a system design was developed, describing the main components, interaction protocols, and application structures. In addition to functional requirements, the design addresses aspects related to countering potential threats.

Implementation and Testing

After designing, the development team implemented everything in code. The main focus during project implementation was on tracing requirements in the code, meaning that the code should only contain functions required to comply with legislation. This required 100% code coverage with tests. The tests were designed to check each legislative requirement, as well as security requirements and requirements from the certification agency. End-to-end tests were also developed to assess system functioning.

Documentation

During product certification, special attention was paid to creating a document system for process management in the client company. Initially, documentation was absent, and some processes were missing. The project's task included both preparing documentation and establishing missing processes. Certification was conducted according to ISO 9001 standards with all associated requirements. The entire package of necessary documents was compiled, and a process management system was developed and implemented in the company. Processes were communicated to the company's employees.

Go to contact page
MDX of this sample
<CertificationSection title="Certification project steps" description="">
  <CertificationItem
    title="Documentation and Requirements Analysis"
    text={[
      'During the analysis phase, all requirements were broken down into separate parts in collaboration with the development team. Key requirements and those related to product security from the perspective of potential threats were identified. The necessary technological stack and tools for project implementation were chosen.',
    ]}
  />
  <CertificationItem
    title="Design"
    text={[
      'Based on the analysis, a system design was developed, describing the main components, interaction protocols, and application structures. In addition to functional requirements, the design addresses aspects related to countering potential threats.',
    ]}
  />
  <CertificationItem
    title="Implementation and Testing"
    text={[
      'After designing, the development team implemented everything in code. The main focus during project implementation was on tracing requirements in the code, meaning that the code should only contain functions required to comply with legislation. This required 100% code coverage with tests. The tests were designed to check each legislative requirement, as well as security requirements and requirements from the certification agency. End-to-end tests were also developed to assess system functioning.',
    ]}
    imageName="pos_pos.jpg"
  />
  <CertificationItem
    title="Documentation"
    text={[
      "During product certification, special attention was paid to creating a document system for process management in the client company. Initially, documentation was absent, and some processes were missing. The project's task included both preparing documentation and establishing missing processes. Certification was conducted according to ISO 9001 standards with all associated requirements. The entire package of necessary documents was compiled, and a process management system was developed and implemented in the company. Processes were communicated to the company's employees.",
    ]}
    linkPath="/#contacts"
    linkText="Go to contact page"
  />
</CertificationSection>
posexpert.se/certification/history: commit d82a01f (2026-08-20)shown inside <CertificationSection>

Certification project steps

Documentation and Requirements Analysis

During the analysis phase, all requirements were broken down into separate parts in collaboration with the development team. Key requirements and those related to product security from the perspective of potential threats were identified. The necessary technological stack and tools for project implementation were chosen.

Design

Based on the analysis, a system design was developed, describing the main components, interaction protocols, and application structures. In addition to functional requirements, the design addresses aspects related to countering potential threats.

Implementation and Testing

After designing, the development team implemented everything in code. The main focus during project implementation was on tracing requirements in the code, meaning that the code should only contain functions required to comply with legislation. This required 100% code coverage with tests. The tests were designed to check each legislative requirement, as well as security requirements and requirements from the certification agency. End-to-end tests were also developed to assess system functioning.

Documentation

During product certification, special attention was paid to creating a document system for process management in the client company. Initially, documentation was absent, and some processes were missing. The project's task included both preparing documentation and establishing missing processes. Certification was conducted according to ISO 9001 standards with all associated requirements. The entire package of necessary documents was compiled, and a process management system was developed and implemented in the company. Processes were communicated to the company's employees.

Go to contact page
MDX of this sample
<CertificationSection title="Certification project steps" description="">
  <CertificationItem
    title="Documentation and Requirements Analysis"
    text={[
      'During the analysis phase, all requirements were broken down into separate parts in collaboration with the development team. Key requirements and those related to product security from the perspective of potential threats were identified. The necessary technological stack and tools for project implementation were chosen.',
    ]}
  />
  <CertificationItem
    title="Design"
    text={[
      'Based on the analysis, a system design was developed, describing the main components, interaction protocols, and application structures. In addition to functional requirements, the design addresses aspects related to countering potential threats.',
    ]}
  />
  <CertificationItem
    title="Implementation and Testing"
    text={[
      'After designing, the development team implemented everything in code. The main focus during project implementation was on tracing requirements in the code, meaning that the code should only contain functions required to comply with legislation. This required 100% code coverage with tests. The tests were designed to check each legislative requirement, as well as security requirements and requirements from the certification agency. End-to-end tests were also developed to assess system functioning.',
    ]}
    imageName="pos_pos.jpg"
  />
  <CertificationItem
    title="Documentation"
    text={[
      "During product certification, special attention was paid to creating a document system for process management in the client company. Initially, documentation was absent, and some processes were missing. The project's task included both preparing documentation and establishing missing processes. Certification was conducted according to ISO 9001 standards with all associated requirements. The entire package of necessary documents was compiled, and a process management system was developed and implemented in the company. Processes were communicated to the company's employees.",
    ]}
    linkPath="/#contacts"
    linkText="Go to contact page"
  />
</CertificationSection>

Props

NameTypeRequiredDefaultDescription
titlestringyes
textstring[]yes
linkPathstring
linkTextstring
imageNamestring

Source apps/www/src/components/CertificationItem.astro @ gitt.one

---
import { Image } from 'astro:assets';
import ChevronRight from 'astro-heroicons/outline/ChevronRight.astro';

import { resolveImage } from '../lib/images';

interface Props {
  title: string;
  text: string[];
  linkPath?: string;
  linkText?: string;
  imageName?: string;
}

const { title, text, linkPath, linkText, imageName } = Astro.props;
const image = imageName ? await resolveImage(imageName) : undefined;
---

<div class="max-w-prose mx-auto">
  <h3
    class="text-left text-xl mb-4 leading-8 font-bold tracking-tight text-gray-900 sm:text-2xl"
  >
    {title}
  </h3>
  <div class="prose text-gray-500 mx-auto lg:max-w-none">
    {text.map((par) => <p>{par}</p>)}
  </div>
  {
    linkPath && (
      <a
        href={linkPath}
        class="mt-10 inline-flex items-center px-4 py-2 border border-transparent text-sm font-medium rounded-md shadow-sm text-white bg-primary-600 hover:bg-primary-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-primary-600"
      >
        {linkText}{' '}
        <ChevronRight class="flex-shrink-0 w-6 h-6 text-primary-100" aria-hidden="true" />
      </a>
    )
  }
  {
    image && (
      <div class="max-w-2xl mt-8" aria-hidden="true">
        <Image
          src={image}
          alt={title}
          widths={[400, 840]}
          class="rounded-lg shadow-lg object-cover object-center w-full max-h-80 h-full"
        />
      </div>
    )
  }
</div>

Source links point to engine-astro@e857a859. Samples are cut from the sites' own content by scripts/gallery-extract.mjs; nothing is merged or removed yet.