Trendify: a full-stack wardrobe app written in Blazor and C# (ASP.NET Core)

Overview

Trendify allows the user to:

• Upload items of clothing from their own wardrobe with an image and description
• Receive outfit recommendations for a given location, based on the current weather at that location
• Display all the items in their wardrobe
• Filter the items in their wardrobe according to various categories (e.g. size, brand etc.)

Application structure

The repository is divided into the following projects:

• Backend
• Backend.Tests
• FrontEnd

The overall structure can be visualised in the following chart:

flowchart LR

subgraph Backend
subgraph Controllers
    A[ClothingItemsController]
    C[ImageController]
    G[OutfitController]
    E[LoginController]
    J[WeatherController]
    L[HealthController]
end

subgraph Services
    B[ClothingItemsService]
    H[OutfitService] 
    K[WeatherService]
    D[ImageService]
    F[LoginService]
end

subgraph Repositories
    M[ClothingItemsRepository]
    N[ImageRepository]
    O[UserRepository]
end
end

subgraph "External APIs"
    P[External Weather API]
end

subgraph "Frontend"
    R[LoginPage]
    S[UserCollection]
    T[GenerateOutfit]
    U[Home]

    U --> R
    U --> S
    U --> T
end

A --> B
G --> H 
H --> M
J--> K
H --> K

B --> M
C --> D --> N
E --> F --> O
K --> P
M --> Q[(SQLServer DB)]
N --> Q
O --> Q

R --> E
S --> A
S --> C
T --> J
T --> A
T --> C

Loading

Acknowledgements

Trendify was produced as a group project assignment for a Northcoders C# bootcamp.

Dependencies

• The frontend project uses Tailwind for CSS processing, licensed under MIT

• The weather service is designed to use weather api. To obtain your own API key, you will need to create an account with weather api.