wardrobe-management-system Tailwind Templates

Wardrobe Management System

Wardrobe Management System is a Laravel 11 and Vue.js application for organizing and managing clothing items. It includes user authentication, clothing categorization, outfit suggestions, inventory tracking, image uploads, search and filters, and a RESTful API. Built with Tailwind CSS, Vue Router, and Laravel Sanctum for a seamless experience.

Wardrobe Management System

Overview

The Wardrobe Management System is a web application built using Laravel 11 and Vue 3. It enables users to manage their wardrobe efficiently by organizing clothing items, tracking outfits, and planning wardrobe selections.

Demo

Features

  • User authentication with Laravel Sanctum
  • Intuitive dashboard for wardrobe management
  • Categorization of clothing items
  • Outfit planning and recommendations(coming soon)
  • Responsive UI built with Vue 3
  • RESTful API for seamless frontend-backend integration

Repository Structure

This repository consists of two main folders:

  • wardrobe-backend - Laravel 11 backend
  • wardrobe-frontend - Vue 3 frontend

Prerequisites

Ensure your system has the following installed:

  • PHP 8.1+
  • MySQL
  • Composer
  • Node.js & NPM
  • Laravel 11
  • PowerShell (for Windows users)

Installation Guide

1. Clone the Repository

Open PowerShell and run:

 git clone https://github.com/brunoadul/wardrobe-management-system.git

2. Navigate to the Backend Directory

cd wardrobe-management-system/wardrobe-backend

3. Install Backend Dependencies

composer install

4. Configure Environment Variables

Copy the example environment file:

cp .env.example .env

Then, update the .env file with your database credentials.

5. Generate Application Key

php artisan key:generate

6. Run Database Migrations

php artisan migrate --seed

7. Navigate to the Frontend Directory

cd ../wardrobe-frontend

8. Install Frontend Dependencies

npm install

9. Build Frontend Assets

If any changes are made to the frontend, you need to rebuild it:

npm run build

10. Start the Application

Go back to the backend directory and serve the application:

cd ../wardrobe-backend
php artisan serve

The application will be available at http://127.0.0.1:8000.

API Authentication

This project uses Laravel Sanctum for authentication. Ensure you configure it properly in your frontend to manage authentication tokens.

Contribution

Contributions are welcome! Feel free to fork the repository, create a new branch, and submit a pull request.

License

This project is licensed under the MIT License.

Contact

For any inquiries, feel free to contact brunoadul on GitHub.

Top categories

tailwind logo

Need a Tailwind website built?

Hire a professional TailwindCSS developer today.
Loading Svelte Themes