https://github.com/mzaintariqdev/vuejs-shoe-factory-inventory

https://github.com/mzaintariqdev/vuejs-shoe-factory-inventory

antdesign composition-api sass sass-mixins vue3 vuejs vuerouter vuex

Last synced: 4 days ago
JSON representation

• Host: GitHub
• URL: https://github.com/mzaintariqdev/vuejs-shoe-factory-inventory
• Owner: mzaintariqdev
• Created: 2024-04-11T08:02:06.000Z (9 months ago)
• Default Branch: main
• Last Pushed: 2024-05-28T08:12:08.000Z (7 months ago)
• Last Synced: 2024-10-31T09:27:42.734Z (about 2 months ago)
• Topics: antdesign, composition-api, sass, sass-mixins, vue3, vuejs, vuerouter, vuex
• Language: Vue
• Homepage: https://shoe-inventory-vue.netlify.app/
• Size: 140 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# 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](https://shoe-inventory-vue.netlify.app/)

## Credentials for the App

### Admin Login

- **Email:** [email protected]

- **Password:** admin123

### Employee Login

- **Email:** [email protected]

- **Password:** employee123

## Technologies Used

- **Vue.js**: JavaScript framework for building user interfaces

- **[Ant Design Vue](https://www.npmjs.com/package/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](https://www.npmjs.com/package/@ant-design/icons-vue)**: Icons package from ant design vue

## Recommended IDE Setup

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

- [Visual Studio Code (VSCode)](https://code.visualstudio.com/)

## Project Setup

To get started with the project, follow these steps:

### Install Dependencies

```sh

npm install

### Compile and Hot-Reload for Development

npm run dev

### Compile and Minify for Production

npm run build