Welcome to 100 Days of Craft.
This is where design meets code, and theory becomes practice.
What This Site Is About
UX Engineering Daily is a living laboratory for modern interface development. Over the next 100 days, this site will transform into a comprehensive resource for anyone working at the intersection of design and development.
How It Works
Every day, you'll find a new build. Not a concept, not a mockup—actual working code that you can interact with, inspect, and learn from.
The Daily Format:
- Live Demo — Every project is deployed and functional
- Source Code — Full code available for study and use
- Build Notes — Technical insights and decision explanations
- Design Rationale — Why certain choices were made
What You'll Find Here
Week 1-3: Interface Fundamentals
Buttons that feel right, forms that guide users, navigation that makes sense.
Week 4-6: Interaction Patterns
Hover states, transitions, and micro-animations that enhance usability.
Week 7-9: Component Systems
Reusable elements built for scale and consistency.
Week 10-12: Advanced Interfaces
Complex interactions, data visualization, and experimental UI patterns.
Week 13-14: Complete Applications
Full-featured tools that demonstrate integrated UX engineering thinking.
The Technical Stack
All projects are built with modern web technologies:
- React/Vue/Vanilla JS depending on the use case
- Modern CSS with focus on performance and accessibility
- TypeScript where complexity demands it
- Responsive design as standard practice
Using This Resource
Each build includes:
- Copy-paste ready code for immediate use
- Customization guides for adapting to your needs
- Performance notes for optimization insights
- Accessibility considerations built into every component
What Makes This Different
No tutorials. No theory-heavy explanations. Just working examples with clean code and clear documentation. Every project solves a real interface challenge and shows one way to solve it well.
This isn't about following along—it's about having a resource you can return to whenever you need a solid starting point for your own projects.
Stay Updated
New builds go live daily. Follow the journey:
- RSS Feed for daily updates
- GitHub for source code access
- Twitter @domidex for quick updates
- Email domidex01@gmail.com for direct contact
Getting Started
Browse the latest builds, grab the code you need, and start building. Every component is designed to work independently, so take what serves your project and leave the rest.
The goal is simple: better interfaces through better engineering.
Welcome to the workshop.
