Skip to content

Commit cb4f599

Browse files
davidagustinclaude
andcommitted
feat: add TypeCode as project #26
Precision typing practice app for programmers with 12 built-in code lessons, real-time WPM/accuracy tracking, and Cloudflare Workers edge deployment. Updated README and wiki to reflect 26 total projects. Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
1 parent 0cc2054 commit cb4f599

3 files changed

Lines changed: 33 additions & 3 deletions

File tree

README.md

Lines changed: 5 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,6 @@
11
# David Agustin — Portfolio
22

3-
Personal portfolio showcasing 25 full-stack projects built with React, Next.js, Angular, Vue, SvelteKit, Python, and AI/ML technologies. Deployed across 10+ cloud platforms.
3+
Personal portfolio showcasing 26 full-stack projects built with React, Next.js, Angular, Vue, SvelteKit, Python, and AI/ML technologies. Deployed across 10+ cloud platforms.
44

55
**Live:** [davidagustin.github.io](https://davidagustin.github.io)
66

@@ -27,9 +27,10 @@ Personal portfolio showcasing 25 full-stack projects built with React, Next.js,
2727
| [Coding Tricks Practice](https://coding-tricks-practice.vercel.app) | Next.js, TypeScript, Monaco Editor | 155+ LeetCode-style challenges across 19 categories |
2828
| [UI Patterns React](https://ui-patterns-react.vercel.app/) | Next.js 15, React 19, TypeScript 5.6 | 90+ production-ready components, WCAG 2.1 AA |
2929
| [System Design Practice](https://system-design-practice.vercel.app/) | Next.js 15, React 19, TypeScript | 50 study topics, 40 concepts, 60 quizzes |
30+
| [TypeCode](https://typing-app.app-production.workers.dev/) | React 19, TypeScript, Cloudflare Workers | Precision typing practice across 12 programming languages |
3031
| [React 30](https://react-30-nu.vercel.app) | Next.js 16, React 19, TypeScript | 30 vanilla JS projects rebuilt as modern React |
3132

32-
[View all 25 projects on the live site.](https://davidagustin.github.io/#projects)
33+
[View all 26 projects on the live site.](https://davidagustin.github.io/#projects)
3334

3435
## All Projects
3536

@@ -43,6 +44,7 @@ Personal portfolio showcasing 25 full-stack projects built with React, Next.js,
4344
| Rules of ML | Next.js 15, TypeScript | [Live](https://rules-of-machine-learning.vercel.app/) · [GitHub](https://github.com/davidagustin/rules-of-machine-learning) |
4445
| Sign Language Learning | Next.js 15, MediaPipe, React 19 | [Live](https://spell-your-name.vercel.app/) · [GitHub](https://github.com/davidagustin/spell-your-name) |
4546
| Coding Tricks Practice | Next.js, TypeScript, Monaco Editor | [Live](https://coding-tricks-practice.vercel.app) · [GitHub](https://github.com/davidagustin/coding-tricks-practice) |
47+
| TypeCode | React 19, TypeScript 5.9, Cloudflare Workers | [Live](https://typing-app.app-production.workers.dev/) · [GitHub](https://github.com/davidagustin/typing-app) |
4648
| React 30 | React 19, TypeScript, Framer Motion | [Live](https://react-30-nu.vercel.app) · [GitHub](https://github.com/davidagustin/react-30) |
4749

4850
### AI/ML
@@ -121,7 +123,7 @@ src/
121123
├── types/
122124
│ └── index.ts # TypeScript interfaces
123125
├── utils/
124-
│ ├── constants.ts # Project data (25 projects), social links, README highlights
126+
│ ├── constants.ts # Project data (26 projects), social links, README highlights
125127
│ └── scroll.ts # Smooth scroll utility
126128
├── App.tsx # Root component with theme toggle
127129
├── index.tsx # Entry point

public/screenshots/project-26.png

57.6 KB
Loading

src/utils/constants.ts

Lines changed: 28 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -755,4 +755,32 @@ export const PROJECTS: Project[] = [
755755
techDetails: 'Next.js 16 App Router with Server Components, React 19, TypeScript 5, Tailwind CSS 4. Modular component architecture with Biome linter and Vercel deployment.',
756756
},
757757
},
758+
{
759+
id: 26,
760+
title: 'TypeCode',
761+
description:
762+
'Precision typing practice application for programmers. Type syntactically correct code across 12 languages with real-time WPM and accuracy tracking. Features a pure reducer-based typing engine, language-aware comment auto-completion, custom code upload with drag-and-drop, and edge deployment on Cloudflare Workers.',
763+
technologies: ['React 19', 'TypeScript 5.9', 'React Router 7', 'Tailwind CSS 4', 'Vite 6', 'Cloudflare Workers'],
764+
githubUrl: 'https://github.com/davidagustin/typing-app',
765+
liveUrl: 'https://typing-app.app-production.workers.dev/',
766+
category: 'Education',
767+
features: [
768+
'12 Language Lessons',
769+
'Real-time WPM Tracking',
770+
'Custom Code Upload',
771+
'Smart Auto-Completion',
772+
],
773+
readmeHighlights: {
774+
overview: 'A precision typing practice app for programmers featuring 12 built-in code lessons, real-time keystroke metrics, custom code upload, and language-aware auto-completion. Zero external UI or state libraries with only 3 production dependencies.',
775+
highlights: [
776+
'12 built-in lessons: JavaScript, TypeScript, Python, Rust, Go, Java, C, C++, Ruby, Swift, CSS, Kotlin',
777+
'Pure reducer-based typing engine with deterministic state transitions and character-by-character verification',
778+
'Language-aware comment detection auto-skips //, #, --, /* */ lines with smart exclusions for shebangs and preprocessor directives',
779+
'Custom code upload with drag-and-drop, auto-detection for 20+ file extensions, and localStorage persistence',
780+
'Real-time stats: WPM, accuracy rate, correct/incorrect keystrokes with performance rating system',
781+
'Edge deployment on Cloudflare Workers for global low-latency with SSR via React Router 7',
782+
],
783+
techDetails: 'React 19 with React Router 7 full-stack framework, TypeScript 5.9, Tailwind CSS 4, Vite 6. Cloudflare Workers edge deployment with SSR. Zero external UI/state libraries — only 3 production dependencies.',
784+
},
785+
},
758786
];

0 commit comments

Comments
 (0)