Skip to content

Instantly share code, notes, and snippets.

@kouameYao
kouameYao / avatar-color.ts
Created April 2, 2026 15:44
Avatar Color
const alphabetColors: string[] = [
'#735CDE', // A
'#30B0C7', // B
'#3053FF', // C
'#009597', // D
'#FFBF00', // E
'#2B63E3', // F
'#C95AD1', // G
'#63AF00', // H
'#F26E1C', // I
import type { Locale } from 'date-fns';
import { format, formatRelative, isSameDay, isToday, isYesterday, subDays } from 'date-fns';
import { fr } from 'date-fns/locale';
import { isNaN } from 'lodash';
const formatRelativeLocale = {
lastWeek: 'eeee \'dernier,\' HH:mm',
yesterday: '\'Hier,\' HH:mm',
today: '\'Aujourd\'hui,\' HH:mm',
tomorrow: '\'Demain,\' HH:mm',
@kouameYao
kouameYao / roadmap.md
Created October 21, 2025 12:37
Projet SYLVESTE

PROJET IVOIRPACK

Plateforme de Mise en Relation Transporteurs-Clients


1. RÉSUMÉ EXÉCUTIF

IvoirPack est une application web mobile-first de mise en relation entre transporteurs et clients, avec une fonctionnalité unique de regroupement de colis pour réduire les coûts de livraison.

Proposition de Valeur

@kouameYao
kouameYao / audit.md
Created October 2, 2025 15:29
Claude analyse

📊 Audit Complet du Projet - Next.js Starter

Date: 2 Octobre 2025

✅ Configurations Complètes

1. Zustand ✅ PARFAIT

  • ✅ Package installé (v5.0.8)
  • ✅ Stores configurés:
@kouameYao
kouameYao / array.ts
Created September 15, 2025 18:15
Implement JS array usual mehtods
// MyArray.ts
export class MyArray<T> {
private items: Record<number, T> = {};
public length: number = 0;
constructor(initialItems?: T[]) {
if (initialItems) {
initialItems.forEach((item) => this.push(item));
}
}
@kouameYao
kouameYao / dropdown.html
Last active December 28, 2024 11:10
Pratique DOM
<!DOCTYPE html>
<html lang="fr">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Dropdown Recherchable</title>
<link rel="stylesheet" href="styles.css" />
</head>
<body>
<div class="container">
@kouameYao
kouameYao / index.html
Last active December 16, 2024 19:06
calculator
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Document</title>
<link rel="stylesheet" href="styles.css" />
</head>
<body>
<div id="calculator">
<div class="grid sm:grid-cols-2 md:grid-cols-4">
<picture>
<source
srcset="./images/mobile/image-gallery-milkbottles.jpg"
media="(max-width: 767px)"
/>
<source
srcset="./images/desktop/image-gallery-milkbottles.jpg"
media="(min-width: 768px)"
/>
export const TRANSACS = [
  {
    id: "018bf608-e008-4015-b13f-95f823f45ecb",
    merchantId: "a8796e61-5fea-4775-8956-5aa4d1eeb6be",
    merchantName: "ASERNUM",
    number: "+2250777404136",
    service_name: "FACTURATION API RNPP",
    customer_firstname: "Destinataire",