The Spare Shed
Equipment Rental Platform with Clean Architecture
Overview
The Spare Shed is a family-friendly equipment rental web application featuring a Nuxt 3 frontend using Static Site Generation (SSG) for blazing-fast performance and an ASP.NET Core 9 backend with Entity Framework Core and SQL Server database.
Key Features
- Static Site Generation: Pre-rendered pages using Nuxt 3 SSG for optimal SEO and performance
- Type Safety: TypeScript throughout the entire frontend codebase
- Service Abstraction: Backend-agnostic services supporting both mock and real API implementations
- State Management: Pinia stores for global application state
- Modern UI: TailwindCSS with warm, family-friendly design using sage green accents
- Responsive Design: Mobile-first approach ensuring great experience across all devices
Technology Stack
Frontend
- Nuxt 3 (SSG)
- Vue 3 Composition API
- TypeScript
- Pinia State Management
- TailwindCSS
Backend
- ASP.NET Core 9
- Entity Framework Core
- SQL Server
- RESTful API
- Dependency Injection
Architecture
- Clean Architecture
- Domain-Driven Design
- Repository Pattern
- Service Layer Pattern
- Interface Segregation
Design Philosophy
Family Business Aesthetic
The design emphasizes a warm, homey feel using sage green accents combined with Merriweather and Inter fonts. The color scheme and typography choices create a welcoming atmosphere that conveys trust and family values.
Performance First
By leveraging Nuxt 3's Static Site Generation, the application delivers near-instant page loads and excellent SEO performance. Pre-rendered pages are served directly from a CDN, ensuring fast access from anywhere in the world.