D3 Dashboard
React
Vite.js
Tailwind CSS
TypeScript
NodeJS
GraphQL
PostgreSQL
Docker
AWS
CI/CD
High quality dashboard for a platform or online web3 domains, with a focus on user experience and design. Built to manage domains, registries, and partner onboarding flows.
My Role: Full Stack Developer
Client: D3 Inc
Duration: 6 months
About this project
- Authentication System: 2FA, Google SSO, email‐code login flow and standard email/password authentication for robust security.
- User & Registry Management: Dynamic, paginated lists and filters for Users, Registries, Registrars, Wallets and more, with front‐end workspace customization per role.
- Full CRUD Operations: Create, Read, Update and Delete workflows implemented across all database entities via REST & GraphQL endpoints.
- Custom React Hooks: Encapsulated data‐fetching, caching and mutation logic into reusable hooks for cleaner component code and faster iteration.
- GraphQL Codegen Integration: CI/CD–driven code generation of TypeScript types and query/mutation builders directly from backend schemas, ensuring end‐to‐end type safety.
- Admin Panel Architecture: Engineered from scratch with React, TypeScript and Tailwind CSS—modular, responsive and optimized for large‐scale data management.
- CI/CD Automation: GitHub Actions pipeline running linting, Jest & Cypress tests, GraphQL codegen and Docker builds, auto‐deploying to AWS ECS.
- Web3 Integration: Seamless connection to blockchain services for on‐chain token registry, order tracking and transaction log display within the dashboard.
- Performance & Observability: Lazy‐loaded routes, memoized hooks, and integrated monitoring (Prometheus & Grafana) to maintain sub‐200 ms page loads under heavy load.
Screenshots
