Skip to content

mzaintariqdev/vuejs-shoe-factory-inventory

Repository files navigation

Shoe Factory Inventory

An inventory management Frontend application for a shoe factory, built with Vue.js, Ant Design Vue, and Sass. This project features role-based authentication, state management with Vuex, and routing with Vue Router.

Description

This project focuses on creating a responsive and user-friendly UI/UX using Vue.js and Ant Design Vue for reusable components. It includes role-based authentication with mock APIs and state management implemented via Vuex so no backend is attached only a FE is included in this project. The application is deployed and accessible at the following link:

Access the Application

Credentials for the App

Admin Login

Employee Login

Technologies Used

  • Vue.js: JavaScript framework for building user interfaces
  • Ant Design Vue: A UI component library based on Ant Design and Vue.js
  • Sass: CSS pre-processor for styling
  • Vue Router: Official router for Vue.js for handling navigation and routing
  • Vuex: State management pattern + library for Vue.js applications
  • Ant icons: Icons package from ant design vue

Recommended IDE Setup

For the best development experience, it is recommended to use:

Project Setup

To get started with the project, follow these steps:

Install Dependencies

npm install

### Compile and Hot-Reload for Development

npm run dev

### Compile and Minify for Production

npm run build