Skip to content

Instantly share code, notes, and snippets.

View paulocoghi's full-sized avatar
🎯
Focusing

Paulo Coghi paulocoghi

🎯
Focusing
125 followers · 320 following
View GitHub Profile
@paulocoghi
paulocoghi / SASE.md
Created May 13, 2026 14:18
Structured AI-Assisted Software Engineering (SASE)

Structured AI-Assisted Software Engineering (SASE)

The Streamlined Vision & Pragmatic Adoption

This methodology establishes a virtuous cycle between a human software engineer and Artificial Intelligence. It leverages AI not as a blind code generator, but as an architectural sounding board, a pair-programmer, and an accelerant for rigorous quality standards. It places a premium on strict architectural contracts, abstract interfaces, and strategic context management.

Phase 1: Conceptualization & The Structured Proposal

Every project begins with absolute clarity. Before a single line of code is written, the developer drafts a Structured Proposal.

  • Contract-First Design: Defines exact behaviors, system responsibilities, and how data flows.
  • Interface Drafting: Establishes the abstract boundaries and communication protocols between different system modules.
@paulocoghi
paulocoghi / Front-end QA Interview
Created October 7, 2024 09:04
Task Description: Frontend Integration with Nuxt.js, Storybook, cypress for e2e and cypress studio for record interaction test flux without need to code them , and at last CI/CD Setup
Objective:
In this one-week trial, developers will take an existing frontend repository built with Nuxt.js and Pinia, featuring custom components alongside others from external libraries such as Element Plus. The goal is to integrate Storybook, set up CI/CD pipelines, and perform visual regression tests using Cypress, while organizing the project following atomic design principles.
Requirements:
##Storybook Integration:
Developers must integrate Storybook into the Nuxt.js project using the custom module created by Chakir Qatab.
They should document and visualize as many components as possible using Storybook, ensuring a seamless interaction between custom and library-based components (Element Plus).
@paulocoghi
paulocoghi / HAR.js
Created February 4, 2020 14:40
cdnjs.com's HAR with HTTP/3 enabled
This file has been truncated, but you can view the full file.
{
"log": {
"version": "1.2",
"creator": {
"name": "Firefox",
"version": "72.0.1"
},
"browser": {
"name": "Firefox",
"version": "72.0.1"
@paulocoghi
paulocoghi / App.html
Last active March 28, 2018 15:33
Multiple components and store variables ($)
<InputAdd></InputAdd>
<List></List>
<script>
import InputAdd from './InputAdd.html'
import List from './List.html'
import { Store } from 'svelte/store.js';
@paulocoghi
paulocoghi / App.html
Created March 22, 2018 19:17
Using #each blocks with store ($) variables defined in runtime
<input bind:value='newTodo' placeholder='buy milk'>
<button on:click='push("$todos", newTodo)'>add todo</button>
<ul>
{{#each $todos as todo, i}}
<li>
<button on:click='splice("$todos", i, 1)'>x</button>
{{todo}}
</li>
{{/each}}
@paulocoghi
paulocoghi / App.html
Created March 22, 2018 19:09
Using #each blocks with early defined variables (in data)
<input bind:value='newTodo' placeholder='buy milk'>
<button on:click='push("todos", newTodo)'>add todo</button>
<ul>
{{#each todos as todo, i}}
<li>
<button on:click='splice("todos", i, 1)'>x</button>
{{todo}}
</li>
{{/each}}
@paulocoghi
paulocoghi / App.html
Last active March 22, 2018 19:08
Using #each blocks with variables defined in runtime
<input bind:value='newTodo' placeholder='buy milk'>
<button on:click='push("todos", newTodo)'>add todo</button>
<ul>
{{#each todos as todo, i}}
<li>
<button on:click='splice("todos", i, 1)'>x</button>
{{todo}}
</li>
{{/each}}
@paulocoghi
paulocoghi / App.html
Last active March 28, 2018 14:24
Without multiple sub-components and store variables, everything works
<input bind:value='newTodo' placeholder='buy milk'>
<button on:click='push("$todos", newTodo)'>add todo</button>
<ul>
{{#each ( $todos || [] ) as todo, i}}
<li>
<button on:click='splice("$todos", i, 1)'>x</button>
{{todo}}
</li>
{{/each}}
@paulocoghi
paulocoghi / ractive-decorators-bootstrap-select.js
Last active August 29, 2015 14:19
/*
ractive-decorators-bootstrap-select
=============================================
Integrate Ractive with Bootstrap Select
==========================
Usage: Include this file on your page below Ractive, e.g: