👗 Fashion Market App
📱 Screenshots
✨ Features
🎨 Modern UI - Built with Material Design 3 and Jetpack Compose
🔐 User Authentication - Login and registration screens
🛍️ Product Browsing - Browse fashion items with categories
🛒 Shopping Cart - Add/remove items, calculate totals
👤 User Profile - Manage account details
🔄 Smooth Navigation - Jetpack Navigation Compose
🖼️ Image Loading - Coil for efficient image loading
📱 Responsive Design - Works on all screen sizes
🏗️ Architecture Root: com.example.fashionmarket
📊 Data Layer - Handles data/models
model/ → Product.kt, User.kt, CartItem.kt (data structures)
repository/ → Data operations center
database/ → Local storage (Room DB)
🎨 UI Layer - All screens/components
screens/ → App screens:
splash/ → Welcome screen
auth/ → Login/Register screens
home/ → Main home with components
products/ → Product listings
cart/ → Shopping cart
profile/ → User profile
components/ → Reusable UI pieces
navigation/ → AppNavigation.kt (screen routing)
theme/ → Theme.kt (app styling)
⚡ ViewModel Layer - Business logic/state management
Handles data between UI and Data layers
🛠️ Utils - Helper functions/utilities
Clean MVVM architecture with clear separation between data, business logic, and UI.
🛠️ Tech Stack Kotlin - Primary programming language
Jetpack Compose - Modern declarative UI toolkit
Material Design 3 - Latest design system
Navigation Compose - For navigation between screens
Coil - For image loading
Clean Architecture - Separation of concerns
MVVM Pattern - Model-View-ViewModel architecture
📦 Dependencies kotlin dependencies { // Core implementation("androidx.core:core-ktx:1.12.0") implementation("androidx.lifecycle:lifecycle-runtime-ktx:2.7.0") implementation("androidx.activity:activity-compose:1.8.2")
// Compose BOM
implementation(platform("androidx.compose:compose-bom:2024.02.00"))
implementation("androidx.compose.ui:ui")
implementation("androidx.compose.ui:ui-graphics")
implementation("androidx.compose.ui:ui-tooling-preview")
implementation("androidx.compose.material3:material3")
implementation("androidx.compose.material:material-icons-extended")
// Navigation
implementation("androidx.navigation:navigation-compose:2.7.6")
// Coil for images
implementation("io.coil-kt:coil-compose:2.5.0")
// Testing
androidTestImplementation(platform("androidx.compose:compose-bom:2024.02.00"))
androidTestImplementation("androidx.compose.ui:ui-test-junit4")
debugImplementation("androidx.compose.ui:ui-tooling")
debugImplementation("androidx.compose.ui:ui-test-manifest")
} 🚀 Getting Started Prerequisites Android Studio Flamingo or later
Android SDK 24+
Kotlin 1.9+
Installation Clone the repository
bash git clone https://github.com/MattCharles10/FashionApp.git Open the project in Android Studio
Sync Gradle files
Build and run the app
📝 License This project is licensed under the MIT License - see the LICENSE file for details.
🤝 Contributing Contributions are welcome! Please feel free to submit a Pull Request.
📧 Contact Mathew Charles - matthewcharles.tech@gmail.com
Project Link: https://github.com/MattCharles10/FashionApp
🙏 Acknowledgments Jetpack Compose
Material Design 3
Coil
Android Developers
Made with ❤️ for fashion lovers