Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/zgramming/book-store-fe-vue-3

Book store frontend using vue js 3
https://github.com/zgramming/book-store-fe-vue-3

axios tailwindcss vite vue-router vue3 vuetify

Last synced: 1 day ago
JSON representation

Book store frontend using vue js 3

Awesome Lists containing this project

README

        

# Frontend for Library Apps

The project builds using Vue 3, Vuetify, Vue Router, Vite, Tailwind CSS

## Manual Installation

```bash
git clone https://github.com/zgramming/book-store-fe-vue-3.git
cd book-store-fe-nextjs
```

Install the dependencies:

```bash
npm install
```

Set the environment variables:

```bash
cp .env.example .env
# open .env and modify the environment variables
```

## Table of Contents

- [Commands](#commands)
- [Environment Variables](#environment-variables)
- [Pages](#pages)

## Commands

Running in development:

```bash
npm run dev
```

Running in production:

```bash
# build
npm run build
# start
npm run preview
```

## Environment Variables

The environment variables can be found and modified in the `.env` file.

```bash
# API Url
VITE_API_URL = http://localhost:4000/api/v1
```

### Pages
List of available pages:

**Master Book**\
![alt text](screenshots/1.master-book.png)

**Master Student**\
![alt text](screenshots/2.master-student.png)

**Inventory**\
![alt text](screenshots/3.inventory.png)

**Transaction**\
![alt text](screenshots/4.transaction.png)

**History Transaction**
![alt text](screenshots/5.history.png)