Projects
![Online JSON Viewer](/_next/image?url=%2Fstatic%2Fimages%2Fprojects%2Fonline-json-viewer-project-preview.png&w=1200&q=75)
Online JSON Viewer
This is useful if you spend a lot of time comparing JSON objects. I wanted to have a way I could store them temporarily without having to create a bunch of files on my desktop. It's also an excuse to practice automation. I created a full CI/CD pipeline with automatic review apps from Pull Requests that are unit and end-to-end tested with Jest and Cypress.
ReactReact RouterReduxRedux SagasTypeScriptSemantic UIEmotionJestCypressWebpackBabelGoogle AnalyticsGitLab CIHerokuNetlifyPrettierESLintLint StagedCommitizen
See more →![Habits Tracker](/_next/image?url=%2Fstatic%2Fimages%2Fprojects%2Fhabit-tracker-project-preview.png&w=1200&q=75)
Habits Tracker
I use it to track my habits (good and bad). This way I know how well I'm doing. I wanted to learn Firebase. This is still in early development.
ReactTypeScriptFirebase
See more →![Character AI Mockup](/_next/image?url=%2Fstatic%2Fimages%2Fprojects%2Fcharacter-ai-project-preview.png&w=1200&q=75)
Character AI Mockup
Practicing recreating an arbitrary design with basic functionality in less than 10 hours.
ReactTypeScriptViteCSS Modules
See more →