💻Languages TypeScript, JavaScript, Python, Ruby
🧠Frameworks & Libraries
- UI Frameworks: React, Angular, React Router, Nextjs, Ruby on Rails, Django
- Design Systems & UI Kits: Material-UI, TailwindCSS, USWDS
- State Management: Redux Toolkit, RTKQuery
- Testing: Vitest, Testing Library, Playwright
🛠️Tooling & Platforms
- Version Control & DevOps: Git, GitHub, Docker, Jenkins, AWS
- Build & Utilities: Vite, Webpack, OpenAPI, Postman
- Testing & Debugging: Storybook, React DevTools, ReduxDevTools
- Design & Collaboration: Figma, Miro, Slack, JIRA, Confluence
Let's talk shop …
Modern applications are increasingly data-driven, and dashboards have become the go-to interface for making that data useful and actionable. In this space, React stands out as the preferred choice—its component model, hooks, and ecosystem make it ideal for building interactive, scalable UI.
Lunar Phase is a small demo app in React that displays the current phase of the moon by fetching data from the Naval Observatory API. We can use it to demonstrate working in a UI with React.
- Single Page Application Layers & Architecture
I built Lunar Phase to track moon cycles, but let’s be honest—it was mostly a convenient excuse to showcase the anatomy of a SPA: from React components orbiting the presentation layer, to services handling fetch calls like Apollo missions, state management waxing and waning, routing via React Router constellations, and business logic pulling it all together like gravity.
- Benefits of a Custom Component Library
ColorfulLoader is a visually appealing and customizable React loading component designed for web applications. Packaged up in Node and already in Storybook, it can be a quick starter template for your component library.