Engineering Style
Highly Refactorable Code
- Iterative, feedback-driven development without increasing technical debt.
- Catch issues at run time compile time.
- Configure TypeScript to find sync issues across the stack.
Functional Programming
- Write pure functions to easily pinpoint bugs.
Improved Developer Experience
- Utilize tools and techniques to reduce developers' cognitive load.
Skills
Technologies I've worked with are shown below, with bars indicating my confidence level.
My key skills are researching and figuring things out.
Core
Frontend
Backend
HTML
CSS
Javascript
Typescript
Frontend
Next.JS
React
React Native
Backend
Node.js
NestJS
tRPC
GraphQL
UI
Database
State Management
Tailwind
Storybook
MUI
Shad cn
Database
Postgres
Firestore
Prisma ORM
State Management
Redux
Zustand
Rxjs
IMMER
Forms
Network clients
Codegen
Monorepo
React Form Hook
ZOD
Network clients
Apollo Client
Tanstack Query
Codegen
Graphql Codegen
Swagger
Monorepo
Nx
yarn workspaces
pnpm workspaces
Visualization
Animation
Blockchain
D3
Three.js
Animation
React Spring
Framer Motion
Blockchain
Solidity
Hardhat
Projects
Checkout my extensive project tutorials below.
Autospace
It is a complete parking management suite for admins, garage owners, city-wide valets, and customers. Also, check out the cool 3D scene in the hero section.
NextJS
NestJS
GraphQL
REST
MUI
Tailwind
Recycle Chain
We use smart contracts to track each toxic item from manufacture to recycling. We sync the blockchain data onto Postgres and read it with a GraphQL and REST API.
Solidity
Hardhat
NextJS
NestJS
GraphQL
REST
MUI
Tailwind
Aicademy
This product addresses two pain points in the education system: clarifying students' doubts and correcting answer sheets using AI.
NextJS
tRPC
Prisma
Shad CN
Tailwind
Open AI
AI Powered news
In this experimental product we allow the users modify the tone and length of the news articles to their taste with custom AI news editors.
NextJS
tRPC
Prisma
Shad CN
Tailwind
Claude 3
Vector DB
Showtime!
This is a complete cinema management suite of applications for admins, cinema owners, and moviegoers.
NextJS
tRPC
Prisma
Shad CN
Tailwind
SupplyChainX
This is a complete supply chain management suite of applications that helps manufacturers, distributors, and retailers manage their inventory and product flows.
NextJS
NestJS
GraphQL
REST
Shad CN
Tailwind
FoundationX
This foundational boilerplate is a monorepo containing everything necessary to quickly bootstrap a startup.
NextJS
NestJS
GraphQL
REST
Mui
Tailwind
tRPC monorepo
This is a lighter foundational boilerplate built with tRPC.
NextJS
tRPC
Shad CN
next-auth
Tailwind
Have You Seen? | TRAILER
It is the digital equivalent of 'Have You Seen' posters. Authorized officers can create cases with reports, and the public can report sightings and leads. .
NextJS
NestJS
GraphQL
REST
Mui
Tailwind
Redux
Zillow Clone | TRAILER
This is a complete refactor of the Zillow application. Compare the original site to see for yourself.
NextJS
NestJS
GraphQL
REST
Mui
Tailwind
Redux
Storybook
IKEA Clone | TRAILER
This is a clone application, but I added more color to it, like the colorful hero section.
NextJS
NestJS
GraphQL
REST
Mui
Tailwind
Redux
Storybook
Unreleased Projects
Krowdforce
A complete employee hiring and management suite.
NextJS
NestJS
tRPC
GraphQL
REST
MUI
Tailwind
Home Chefs
This application enables people with a love for cooking to sell food from their kitchen.
NextJS
NestJS
GraphQL
REST
MUI
Tailwind
Multiverse
Not all stories need to be linear. This application lets writers branch out existing stories and sell their story paths to readers.
NextJS
React Native
NestJS
GraphQL
REST
MUI
Tailwind
Billboards
Imagine an app that lets you place personalized ads on billboards worldwide. This app connects billboard owners and advertisers.
NextJS
NestJS
GraphQL
REST
MUI
Tailwind
Personalities | DApp
Judging made fun and decentralized! Create, upvote, downvote, and judge famous personalities in a decentralized application.
Solidity
Hardhat
openzeppelin
NextJS
NestJS
GraphQL
MUI
Tailwind
Carbon Credits | DApp
This DApp manages carbon credits, allowing project creation, verification, credit transactions, and retirement.
Solidity
Hardhat
openzeppelin
NextJS
NestJS
GraphQL
MUI
Tailwind
View more on my youtube channel and my github account.