Building David's Portfolio

|
index.html
1
<!DOCTYPE html>
2
<html lang="en">
3
<head>
4
<meta charset="UTF-8">
5
<meta name="viewport" content="width=device-width, initial-scale=1.0">
6
<title>David's Portfolio</title>
7
<link rel="stylesheet" href="styles.css">
8
<link rel="preconnect" href="https://fonts.googleapis.com">
9
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
10
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap" rel="stylesheet">
11
</head>
12
<body>
13
Esc
F1
F2
F3
F4
F5
F6
F7
F8
F9
F10
F11
F12
~
`
!
1
@
2
#
3
$
4
%
5
^
6
&
7
*
8
(
9
)
0
_
-
+
=
Q
W
E
R
T
Y
U
I
O
P
{
[
}
]
|
\
A
S
D
F
G
H
J
K
L
:
;
"
'
Z
X
C
V
B
N
M
<
,
>
.
?
/
Ctrl
Alt
Alt
Fn
Ctrl
Back to Portfolio

Logo Brand Extractor

Frontend developer's and designer's tool for extracting and analyzing brand logos from images to speed up their design workflow.

2025
Developer Tools

ABOUT THE PROJECT

Logo Brand Extractor automatically detects, extracts, and analyzes brand logos from images. The tool provides detailed brand recognition, color palette extraction, and logo metadata, making it invaluable for brand monitoring, market research, and design analysis.

TECHNOLOGIES USED

ReactTypeScriptViteTailwind CSSShadcn UI