An open API service indexing awesome lists of open source software.

https://github.com/codehunt101/codehunt101


https://github.com/codehunt101/codehunt101

Last synced: 2 months ago
JSON representation

Awesome Lists containing this project

README

          



Hi, I'm Harold


Full-Stack Engineer · UX-Minded Builder · Accessibility Advocate






 



 




---

## 👨‍💻 About Me

I'm a full-stack, frontend-leaning Software Engineer with a focus on **building intuitive, performant, and accessible web experiences**. I currently work at a Digital Transformation and UX Agency, where I translate complex design systems and business requirements into polished, production-ready interfaces.

I care about the intersection of **developer experience and user experience**, writing code that's clean and maintainable while ensuring the end product feels effortless to use. I like tackling challenging problems: data visualisation, accessibility, component architecture, AI integrations and so forth.

Currently exploring: AI-powered web applications, and modern full-stack or front-end patterns.

---

## 🛠️ Tech Stack

Frontend

![JavaScript](https://img.shields.io/badge/JavaScript-F7DF1E?style=for-the-badge&logo=javascript&logoColor=black)
![TypeScript](https://img.shields.io/badge/TypeScript-007ACC?style=for-the-badge&logo=typescript&logoColor=white)
![React](https://img.shields.io/badge/react-%2320232a.svg?style=for-the-badge&logo=react&logoColor=%2361DAFB)
![Next.js](https://img.shields.io/badge/Next-black?style=for-the-badge&logo=next.js&logoColor=white)
![Vite](https://img.shields.io/badge/vite-%23646CFF.svg?style=for-the-badge&logo=vite&logoColor=white)
![HTML5](https://img.shields.io/badge/HTML5-E34F26?style=for-the-badge&logo=html5&logoColor=white)
![CSS3](https://img.shields.io/badge/CSS3-1572B6?style=for-the-badge&logo=css3&logoColor=white)
![SASS](https://img.shields.io/badge/SASS-hotpink.svg?style=for-the-badge&logo=SASS&logoColor=white)
![WCAG](https://img.shields.io/badge/WCAG-%23015A69.svg?style=for-the-badge&logo=WCAG&logoColor=white)
![Plotly](https://img.shields.io/badge/Plotly-%233F4F75.svg?style=for-the-badge&logo=plotly&logoColor=white)

UI Libraries & State Management

![TailwindCSS](https://img.shields.io/badge/tailwindcss-%2338B2AC.svg?style=for-the-badge&logo=tailwind-css&logoColor=white)
![Shadcn/ui](https://img.shields.io/badge/shadcn/ui-%23000000?style=for-the-badge&logo=shadcnui&logoColor=white)
![DaisyUI](https://img.shields.io/badge/daisyui-5A0EF8?style=for-the-badge&logo=daisyui&logoColor=white)
![Bootstrap](https://img.shields.io/badge/bootstrap-%23563D7C.svg?style=for-the-badge&logo=bootstrap&logoColor=white)
![Zustand](https://img.shields.io/badge/zustand-%2320232a.svg?style=for-the-badge&logo=react&logoColor=%2361DAFB)
![Context-API](https://img.shields.io/badge/Context--Api-000000?style=for-the-badge&logo=react)

Backend

![Node.js](https://img.shields.io/badge/node.js-6DA55F?style=for-the-badge&logo=node.js&logoColor=white)
![Express.js](https://img.shields.io/badge/express.js-%23404d59.svg?style=for-the-badge&logo=express&logoColor=%2361DAFB)
![NestJS](https://img.shields.io/badge/nestjs-%23E0234E.svg?style=for-the-badge&logo=nestjs&logoColor=white)
![GraphQL](https://img.shields.io/badge/-GraphQL-E10098?style=for-the-badge&logo=graphql&logoColor=white)
![Python](https://img.shields.io/badge/python-3670A0?style=for-the-badge&logo=python&logoColor=ffdd54)

Deployment & Infrastructure

![Vercel](https://img.shields.io/badge/vercel-%23000000.svg?style=for-the-badge&logo=vercel&logoColor=white)
![Cloudflare](https://img.shields.io/badge/Cloudflare-F38020?style=for-the-badge&logo=Cloudflare&logoColor=white)
![AWS](https://img.shields.io/badge/AWS-%23FF9900.svg?style=for-the-badge&logo=amazon-aws&logoColor=white)

Testing

![Vitest](https://img.shields.io/badge/-Vitest-252529?style=for-the-badge&logo=vitest&logoColor=FCC72B)
![Playwright](https://img.shields.io/badge/-playwright-%232EAD33?style=for-the-badge&logo=playwright&logoColor=white)
![Jest](https://img.shields.io/badge/-jest-%23C21325?style=for-the-badge&logo=jest&logoColor=white)
![Testing-Library](https://img.shields.io/badge/-TestingLibrary-%23E33332?style=for-the-badge&logo=testing-library&logoColor=white)

---

## 🏢 Selected Production Work

*Some production work lives behind authenticated environments and can't be publicly linked.*

### [growᴬᴳ / AgriFutures](https://growag.com)
Led frontend and BFF development for this high-performance, SEO-optimised platform integrated with a Drupal CMS backend. Delivered a modern, accessible experience on top of a headless CMS architecture.
`Next.js` `TypeScript` `React` `Tailwind CSS` `shadcn/ui` `Node.js` `Drupal CMS`

### [Lexicon](https://web.archive.org/web/20230323152204/https://www.lexicon.com.au/) *(acquired by Endava)*
Collaborated in an agile team to build Lexicon's latest website, developing UI components in close partnership with the designer to meet specific business requirements. The original site now redirects following the acquisition, archived version linked.
`JavaScript` `TypeScript` `React` `Next.js`

---

## 🚀 Featured Portfolio Projects

> More detail and live previews at [haroldtorres.dev/projects](https://haroldtorres.dev/projects)

### 🤖 [PlotlineAI](https://github.com/CodeHunt101/plotline-ai)
Movie recommendation product that blends AI-assisted discovery with collaborative filtering in a group-friendly interface.
`JavaScript` `TypeScript` `React.js` `Next.js` `Supabase` `Natural language & Embedding AI models` `Vercel AI SDK` `Cloudflare Workers` `Cloudflare Gateway` `Tailwind CSS`

---

### ☕ [Beanly Coffee](https://github.com/CodeHunt101/beanly-coffee)
Accessible coffee subscription experience focused on performance, conversion clarity, and polished frontend execution.
`JavaScript` `TypeScript` `React.js` `Next.js` `CSS` `SCSS` `HTML` `Jest` `Husky`

---

### 🌌 [Space Travel](https://github.com/CodeHunt101/space-travel)
Responsive React and Next.js experience with smooth motion, accessibility considerations, and editorial-style storytelling.
`JavaScript` `TypeScript` `React.js` `Next.js` `CSS` `SCSS` `HTML` `Jest`

---

### 🧠 [AI Models](https://github.com/CodeHunt101/openai-models)
Full-stack OpenAI product prototype with private demo access and a public repository for the engineering implementation.
`JavaScript` `TypeScript` `React.js` `Next.js` `Tailwind CSS` `Auth0` `Node.js` `CI/CD` `Docker` `Deepseek API` `OpenAI API`

---

### 🃏 [Pokémon Matching Cards](https://github.com/CodeHunt101/pokemon-matching-cards-project-phase-2)
Interactive memory game with playful visuals, stateful UI logic, and a clear focus on responsive frontend behaviour.
`JavaScript` `TypeScript` `React.js` `Bootstrap` `Vite` `CI/CD`

---

## 🤝 Let's Work Together

I'm open to **collaborations on interesting frontend or full-stack projects**. Feel free to browse my work at [haroldtorres.dev](https://haroldtorres.dev) or reach out on LinkedIn.

[![Portfolio](https://img.shields.io/badge/Portfolio-haroldtorres.dev-black?style=for-the-badge&logo=vercel&logoColor=white)](https://haroldtorres.dev)
[![LinkedIn](https://img.shields.io/badge/linkedin-%230077B5.svg?style=for-the-badge&logo=linkedin&logoColor=white)](https://www.linkedin.com/in/harold-torres-marino/)