Examples
Explore real-world applications built with MyCuppa framework. Each example demonstrates best practices and common patterns.
✓
Todo App
A complete todo application demonstrating state management, CRUD operations, and localStorage persistence.
Features:
- Add, edit, and delete tasks
- Mark tasks as complete
- Clear completed tasks
- Real-time statistics
- Responsive design
Technologies:
@mycuppa/core@mycuppa/uiReactTypeScript
📝
Blog App
A full-featured blog with routing, demonstrating navigation patterns and dynamic content rendering.
Features:
- Blog post listing page
- Individual post pages with dynamic routing
- Navigation with active states
- URL parameter handling
- About page
Technologies:
@mycuppa/router@mycuppa/uiReactTypeScript
🛒
E-commerce Cart
Shopping cart application showcasing complex state management and UI interactions.
Features:
- Product grid with 9 items
- Add to cart functionality
- Shopping cart modal
- Quantity controls
- Real-time total calculation
Technologies:
@mycuppa/core@mycuppa/uiReactTypeScript
📊
Analytics Dashboard
Multi-view dashboard demonstrating layout patterns and data visualization structures.
Features:
- Fixed sidebar navigation
- Multiple views (Overview, Analytics, Reports, Users, Settings)
- Stats cards with metrics
- Recent activity feed
- Responsive design
Technologies:
@mycuppa/core@mycuppa/uiReactTypeScript
Want to Contribute an Example?
We welcome community contributions! If you've built something with MyCuppa that you'd like to share, we'd love to feature it here.
Get Started Building