Skip to content

Commit c58fb5a

Browse files
davidagustindavidagustin
committed
feat: add Sign Language Learning App with AI-powered hand tracking
1 parent 58654e1 commit c58fb5a

7 files changed

Lines changed: 77 additions & 8 deletions

File tree

‎README.md‎

Lines changed: 10 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,6 @@
11
# David Agustin - Portfolio Website
22

3-
A modern, responsive portfolio website showcasing **15+ diverse projects** and **50+ technologies** across full-stack development, AI/ML, and modern web applications. Built with React, TypeScript, and Tailwind CSS featuring smooth animations and clean design.
3+
A modern, responsive portfolio website showcasing **16+ diverse projects** and **50+ technologies** across full-stack development, AI/ML, and modern web applications. Built with React, TypeScript, and Tailwind CSS featuring smooth animations and clean design.
44

55
## 🚀 Features
66

@@ -27,7 +27,7 @@ A modern, responsive portfolio website showcasing **15+ diverse projects** and *
2727

2828
## 🎯 Featured Projects
2929

30-
This portfolio showcases **15+ diverse projects** built with modern web technologies and AI/ML frameworks:
30+
This portfolio showcases **16+ diverse projects** built with modern web technologies and AI/ML frameworks:
3131

3232
### ⚡ **TechStore - Computer Hardware Store** - E-commerce Platform
3333
- **Tech Stack**: SvelteKit 2.0, TypeScript, Tailwind CSS, Lucide Svelte, Azure Static Web Apps
@@ -107,6 +107,12 @@ This portfolio showcases **15+ diverse projects** built with modern web technolo
107107
- **Live Demo**: [https://heroku-sudoku-49243446e4d3.herokuapp.com/](https://heroku-sudoku-49243446e4d3.herokuapp.com/)
108108
- **GitHub**: [https://github.com/davidagustin/heroku-practice](https://github.com/davidagustin/heroku-practice)
109109

110+
### 🤟 **Sign Language Learning App** - AI-Powered ASL Education
111+
- **Tech Stack**: Next.js 15.4.5, React 19, TypeScript, Tailwind CSS, MediaPipe Hands, Vercel
112+
- **Features**: Real-time hand tracking, AI-powered gesture recognition, personalized learning, ASL alphabet guide
113+
- **Live Demo**: [https://spell-your-name.vercel.app/](https://spell-your-name.vercel.app/)
114+
- **GitHub**: [https://github.com/davidagustin/spell-your-name](https://github.com/davidagustin/spell-your-name)
115+
110116
## 📁 Project Structure
111117

112118
```
@@ -117,7 +123,7 @@ src/
117123
│ ├── Footer.tsx # Footer component
118124
│ ├── Hero.tsx # Hero section with stats
119125
│ ├── Navbar.tsx # Navigation bar
120-
│ └── Projects.tsx # Projects showcase (15+ projects)
126+
│ └── Projects.tsx # Projects showcase (16+ projects)
121127
├── hooks/ # Custom React hooks
122128
├── types/ # TypeScript type definitions
123129
├── utils/ # Utility functions
@@ -182,7 +188,7 @@ Each section is a separate component in the `src/components/` directory:
182188
App-wide constants are defined in `src/utils/constants.ts`:
183189
- Navigation items
184190
- Social links
185-
- Project data (15+ projects)
191+
- Project data (16+ projects)
186192
- Contact information
187193

188194
## 🚀 Deployment

‎asset-manifest.json‎

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -1,13 +1,13 @@
11
{
22
"files": {
33
"main.css": "/static/css/main.211f73c3.css",
4-
"main.js": "/static/js/main.b40b2829.js",
4+
"main.js": "/static/js/main.ad761bec.js",
55
"index.html": "/index.html",
66
"main.211f73c3.css.map": "/static/css/main.211f73c3.css.map",
7-
"main.b40b2829.js.map": "/static/js/main.b40b2829.js.map"
7+
"main.ad761bec.js.map": "/static/js/main.ad761bec.js.map"
88
},
99
"entrypoints": [
1010
"static/css/main.211f73c3.css",
11-
"static/js/main.b40b2829.js"
11+
"static/js/main.ad761bec.js"
1212
]
1313
}

‎index.html‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1 +1 @@
1-
<!doctype html><html lang="en"><head><meta charset="utf-8"/><link rel="icon" href="/favicon.ico"/><meta name="viewport" content="width=device-width,initial-scale=1"/><meta name="theme-color" content="#000000"/><meta name="description" content="David Agustin - Full Stack Developer specializing in React, Next.js, AI/ML, and modern web technologies. View my projects and experience."/><meta name="keywords" content="David Agustin, Full Stack Developer, React, Next.js, AI, Machine Learning, Web Development, Portfolio"/><link rel="apple-touch-icon" href="/logo192.png"/><link rel="manifest" href="/manifest.json"/><link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap" rel="stylesheet"><title>David Agustin - Full Stack Developer Portfolio</title><script defer="defer" src="/static/js/main.b40b2829.js"></script><link href="/static/css/main.211f73c3.css" rel="stylesheet"></head><body><noscript>You need to enable JavaScript to run this app.</noscript><div id="root"></div></body></html>
1+
<!doctype html><html lang="en"><head><meta charset="utf-8"/><link rel="icon" href="/favicon.ico"/><meta name="viewport" content="width=device-width,initial-scale=1"/><meta name="theme-color" content="#000000"/><meta name="description" content="David Agustin - Full Stack Developer specializing in React, Next.js, AI/ML, and modern web technologies. View my projects and experience."/><meta name="keywords" content="David Agustin, Full Stack Developer, React, Next.js, AI, Machine Learning, Web Development, Portfolio"/><link rel="apple-touch-icon" href="/logo192.png"/><link rel="manifest" href="/manifest.json"/><link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap" rel="stylesheet"><title>David Agustin - Full Stack Developer Portfolio</title><script defer="defer" src="/static/js/main.ad761bec.js"></script><link href="/static/css/main.211f73c3.css" rel="stylesheet"></head><body><noscript>You need to enable JavaScript to run this app.</noscript><div id="root"></div></body></html>

‎src/utils/constants.ts‎

Lines changed: 20 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -9,6 +9,7 @@ import {
99
FaEnvelope,
1010
FaGithub,
1111
FaGraduationCap,
12+
FaHandPaper,
1213
FaHeart,
1314
FaHome,
1415
FaJs,
@@ -132,6 +133,8 @@ export const SKILL_CATEGORIES: SkillCategory[] = [
132133
'Data Analysis',
133134
'Python Libraries',
134135
'AI Integration',
136+
'Computer Vision',
137+
'MediaPipe',
135138
'Jupyter Notebooks',
136139
],
137140
color: '#FF6B6B',
@@ -411,4 +414,21 @@ export const PROJECTS: Project[] = [
411414
'Progress Tracking',
412415
],
413416
},
417+
{
418+
id: 16,
419+
title: 'Sign Language Learning App',
420+
description:
421+
'Learn to spell your name in American Sign Language with real-time AI-powered hand tracking. Features MediaPipe hand recognition, personalized learning experience, visual guides, and comprehensive ASL alphabet reference with interactive feedback.',
422+
technologies: ['Next.js 15.4.5', 'React 19', 'TypeScript', 'Tailwind CSS', 'MediaPipe Hands', 'Vercel'],
423+
githubUrl: 'https://github.com/davidagustin/spell-your-name',
424+
liveUrl: 'https://spell-your-name.vercel.app/',
425+
icon: FaHandPaper,
426+
category: 'AI/ML Education',
427+
features: [
428+
'Real-time Hand Tracking',
429+
'AI-powered Gesture Recognition',
430+
'Personalized Learning',
431+
'ASL Alphabet Guide',
432+
],
433+
},
414434
];

‎static/js/main.ad761bec.js‎

Lines changed: 3 additions & 0 deletions
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

‎static/js/main.ad761bec.js.LICENSE.txt‎

Lines changed: 39 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,39 @@
1+
/**
2+
* @license React
3+
* react-dom.production.min.js
4+
*
5+
* Copyright (c) Facebook, Inc. and its affiliates.
6+
*
7+
* This source code is licensed under the MIT license found in the
8+
* LICENSE file in the root directory of this source tree.
9+
*/
10+
11+
/**
12+
* @license React
13+
* react-jsx-runtime.production.min.js
14+
*
15+
* Copyright (c) Facebook, Inc. and its affiliates.
16+
*
17+
* This source code is licensed under the MIT license found in the
18+
* LICENSE file in the root directory of this source tree.
19+
*/
20+
21+
/**
22+
* @license React
23+
* react.production.min.js
24+
*
25+
* Copyright (c) Facebook, Inc. and its affiliates.
26+
*
27+
* This source code is licensed under the MIT license found in the
28+
* LICENSE file in the root directory of this source tree.
29+
*/
30+
31+
/**
32+
* @license React
33+
* scheduler.production.min.js
34+
*
35+
* Copyright (c) Facebook, Inc. and its affiliates.
36+
*
37+
* This source code is licensed under the MIT license found in the
38+
* LICENSE file in the root directory of this source tree.
39+
*/

‎static/js/main.ad761bec.js.map‎

Lines changed: 1 addition & 0 deletions
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

0 commit comments

Comments
 (0)