- Front End -
Click the Time Machine button to see CSS/React magic applied to all components!
How It Works
This demonstration showcases the separation of structure and presentation in modern web development.
All components share the same HTML structure but conditionally apply different styles based applied based on store state.
Button Components
Click the buttons below to trigger different toast notifications!
Form Components
Loading Components
Spinner
Loader
Progress bar
Slider Component
50
Table Component
| Skill | Level | Description |
|---|---|---|
| React | Expert | Modular |
| TypeScript | Advanced | Typed |
| Next.js | Advanced | Fullstack |
| Node.js | Advanced | Runtime |
| Python | Expert | Versatile |
| PostgreSQL | Proficient | Relational |
| Docker | Proficient | Containerized |
| AWS | Proficient | Scalable |
| Git | Expert | Versioned |
| REST/GraphQL | Advanced | API-Driven |
| CSS/Tailwind | Expert | Styled |
| Testing | Expert | Reliable |