Dynamic QR Code

Dynamic QR Code is an app that generate a QR Code which the target (the url contained in it) can be changed at will without generating new code.

Dependencies

This app requires some packages as its dependencies.

Depedencies	Side
Express	Backend
Mongoose	Backend
Vue	Frontend
Axios	Frontend
Tailwindcss	Frontend

Installation and Build the Frontend

Because backend will serve static files, we need to build the frontend and copy it to the backend's folder.

1. Clone this repository.

   git clone https://github.com/coomico/dynamic-qr.git

2. Enter the web directory.

   cd web

3. Install packages manager for frontend side.

   npm install 

4. Build the frontend and copy it (all contents of 'dist' folder) to the /api/views.

   npm run build
   cd dist
   cp -r . ../../api/views

5. Move to backend side and install the packages manager.

   cd ../../api
   npm install 

Setup the Env

There are several environtment that is needed by the App.

DOMAIN=domain.con
BASE_URL=localhost
BASE_PORT=3000
MONGO_HOST=127.0.0.1
MONGO_PORT=27017
MONGO_USER=your_mongo_user
MONGO_PASS=your_mongo_pass
SECRET_KEY=himitsu

Running the App

Run the following simple command.

npm start

License

MIT