vishnuraghavb / enbizcard Goto Github PK

Not possible to build image as it is throwing an exception from Node JS.

Please refer to the below building log:

admin@server:~/projects/EnBizCard$ sudo docker-compose --project-name enbizcard up -d
Building app
Step 1/9 : FROM node:lts-alpine AS build
 ---> 0fa08f92e64b
Step 2/9 : WORKDIR /app
 ---> Using cache
 ---> b7573e63439f
Step 3/9 : COPY package*.json ./
 ---> Using cache
 ---> d393cab4f357
Step 4/9 : RUN npm i
 ---> Using cache
 ---> 192fd3581070
Step 5/9 : COPY . .
 ---> 2f9d210ab0b2
Step 6/9 : RUN npm run generate
 ---> Running in ee8c4062666b

> [email protected] generate
> nuxt generate

ℹ Using Tailwind CSS from ~/assets/css/tailwind.css
ℹ Merging Tailwind config from ~/tailwind.config.js
ℹ Production build
ℹ Bundling only for client side
ℹ Target: static
ℹ Using components loader to optimize imports
ℹ Discovered Components: node_modules/.cache/nuxt/components/readme.md
✔ Builder initialized
✔ Nuxt files generated
ℹ Compiling Client

 ERROR  Error: error:0308010C:digital envelope routines::unsupported
    at new Hash (node:internal/crypto/hash:71:19)
    at Object.createHash (node:crypto:133:10)
    at module.exports (/app/node_modules/webpack/lib/util/createHash.js:135:53)
    at NormalModule._initBuildHash (/app/node_modules/webpack/lib/NormalModule.js:417:16)
    at handleParseError (/app/node_modules/webpack/lib/NormalModule.js:471:10)
    at /app/node_modules/webpack/lib/NormalModule.js:503:5
    at /app/node_modules/webpack/lib/NormalModule.js:358:12
    at /app/node_modules/webpack/node_modules/loader-runner/lib/LoaderRunner.js:373:3
    at iterateNormalLoaders (/app/node_modules/webpack/node_modules/loader-runner/lib/LoaderRunner.js:214:10)
    at iterateNormalLoaders (/app/node_modules/webpack/node_modules/loader-runner/lib/LoaderRunner.js:221:10)
    at /app/node_modules/webpack/node_modules/loader-runner/lib/LoaderRunner.js:236:3
    at runSyncOrAsync (/app/node_modules/webpack/node_modules/loader-runner/lib/LoaderRunner.js:130:11)
    at iterateNormalLoaders (/app/node_modules/webpack/node_modules/loader-runner/lib/LoaderRunner.js:232:2)
    at Array.<anonymous> (/app/node_modules/webpack/node_modules/loader-runner/lib/LoaderRunner.js:205:4)
    at Storage.finished (/app/node_modules/enhanced-resolve/lib/CachedInputFileSystem.js:55:16)
    at /app/node_modules/enhanced-resolve/lib/CachedInputFileSystem.js:91:9

node:internal/crypto/hash:71
  this[kHandle] = new _Hash(algorithm, xofLen);
                  ^

Error: error:0308010C:digital envelope routines::unsupported
    at new Hash (node:internal/crypto/hash:71:19)
    at Object.createHash (node:crypto:133:10)
    at module.exports (/app/node_modules/webpack/lib/util/createHash.js:135:53)
    at NormalModule._initBuildHash (/app/node_modules/webpack/lib/NormalModule.js:417:16)
    at handleParseError (/app/node_modules/webpack/lib/NormalModule.js:471:10)
    at /app/node_modules/webpack/lib/NormalModule.js:503:5
    at /app/node_modules/webpack/lib/NormalModule.js:358:12
    at /app/node_modules/webpack/node_modules/loader-runner/lib/LoaderRunner.js:373:3
    at iterateNormalLoaders (/app/node_modules/webpack/node_modules/loader-runner/lib/LoaderRunner.js:214:10)
    at Array.<anonymous> (/app/node_modules/webpack/node_modules/loader-runner/lib/LoaderRunner.js:205:4)
    at Storage.finished (/app/node_modules/enhanced-resolve/lib/CachedInputFileSystem.js:55:16)
    at /app/node_modules/enhanced-resolve/lib/CachedInputFileSystem.js:91:9
    at /app/node_modules/graceful-fs/graceful-fs.js:123:16
    at FSReqCallback.readFileAfterClose [as oncomplete] (node:internal/fs/read_file_context:68:3) {
  opensslErrorStack: [ 'error:03000086:digital envelope routines::initialization error' ],
  library: 'digital envelope routines',
  reason: 'unsupported',
  code: 'ERR_OSSL_EVP_UNSUPPORTED'
}

Node.js v18.12.1
ERROR: Service 'app' failed to build: The command '/bin/sh -c npm run generate' returned a non-zero code: 1

What are the steps after cloning the repository to run the EnBizCard locally?

I ask because I have to change the 33.33% values (https://github.com/vishnuraghavb/EnBizCard/search?q=33.33) to 22%. This prevent the linebreak at 4 symbols on my cell phone screen, which you can see below.

1. git clone
2. npm install
3. ?

Instead of everyone building the image for them self, it would be nice to provide the image on a registry. I know many people don't want the hassle of registering at docker hub, but github has its own registry now and it should be pretty easy to deploy the image using a workflow. The have a nice documentation and I will leave their example script, which could be adapted 1:1 as it is (or so I think).
.github/workflows/deploy-image.yml:

name: Create and publish a Docker image

on:
  push:
    branches: ['release']

env:
  REGISTRY: ghcr.io
  IMAGE_NAME: ${{ github.repository }}

jobs:
  build-and-push-image:
    runs-on: ubuntu-latest
    permissions:
      contents: read
      packages: write

    steps:
      - name: Checkout repository
        uses: actions/checkout@v3

      - name: Log in to the Container registry
        uses: docker/login-action@f054a8b539a109f9f41c372932f1ae047eff08c9
        with:
          registry: ${{ env.REGISTRY }}
          username: ${{ github.actor }}
          password: ${{ secrets.GITHUB_TOKEN }}

      - name: Extract metadata (tags, labels) for Docker
        id: meta
        uses: docker/metadata-action@98669ae865ea3cffbcbaa878cf57c20bbf1c6c38
        with:
          images: ${{ env.REGISTRY }}/${{ env.IMAGE_NAME }}

      - name: Build and push Docker image
        uses: docker/build-push-action@ad44023a93711e3deb337508980b4b5e9bcdc5dc
        with:
          context: .
          push: true
          tags: ${{ steps.meta.outputs.tags }}
          labels: ${{ steps.meta.outputs.labels }}

Since PR's or Issues are stale.

if anyone is having issues installing on node 17 - see below.

error [email protected]: The engine "node" is incompatible with this module. Expected version "12 - 16". Got "17.6.0"

@nuxtjs/tailwindcss ^4.2.1 - not compatible with node version 17

bump version to 5.0.4

package.json

"@nuxtjs/tailwindcss": "^5.0.4"

In order to run yarn build to generate nuxt build on node 17, will require env

Mac & Linux

export NODE_OPTIONS=--openssl-legacy-provider

Windows

set NODE_OPTIONS=--openssl-legacy-provider

I don't see any mount volume in the docker compose I am missing something?

I would like to use GitHub pages to host this.

Tried to clone multiple times using github desktop and git but failed.

it will be very nice if can be shared iban number...

broken files

docker: Error response from daemon: pull access denied for vishnuraghavb/enbizcard, repository does not exist or may require 'docker login': denied: requested access to the resource is denied.

Is there any way we can host this application at scale for a large number of users. For example, instead of asking end users to create their business cards individually, what if we the application owner can create business cards for the users by reading them from an excel file or integrating the application with azure active directory for example.

Hi,

Do you have any installation instructions so that we can host this application ourselves?

Thanks

Add feature to incorporate cloud sync in order to be able to save data and retrieve it for editing next time.

I have implemented this functionality on my forked branch. https://github.com/drtobbyas/EnBizCard

Here is a preview of how it works https://www.youtube.com/watch?v=hg-IDl4JBXA

I have created a Pull Request for this feature. #46

Do you mind reviewing and merging the PR here?

Hello, congrats on your excellent work

however I am facing an issue.
while everything works fine on android, on iphone display LOGO overlaps with profile photo during portrait (normal position of display) while it works fine during landscape (screen rotation sideways).

this doesn't happen on android where all works like a dream.
any thoughts please

thanks a lot
alkis

It would be cool to have the option to add additional links/websites in both the primary and secondary action category.

This way, if I have two websites, I can link both. If I have a social media/account that is not yet supported, I can also add it temporarily, for example artstation and buymeacoffee.

Every custom link action could support link, name, and icon fields to allow for seamless integration into the website.

Thank you very much for this awesome project!

Hi,

thank you so much for providing this really good alternative to paper based business cards.

I was just wondering if it would be possible to replace the QR code which leads to the self hosted homepage with a QR code of the vcard?
I generated a QR vcard via another application (https://github.com/rclement/business-card-generator) and tried to replace relevant entries in the CSS and html file. But my knowledge here is not suffiecient to make it work :(

Thanks again!
Markus

When you go to the https://enbizcard.vishnuraghav.com page and try to add email under primary actions, it only lets you add one email. most people have more than one email

please tell me a steps ,How to install it on Local Server or on my hosting?

Hello Vishnu Raghav,

wonderful project! Thank you very much!

Would it be possible to add a field for the physical address so that the address is correctly stored in the vCard property "ADR"? If possible also with distinction between Home and Work.

Thank you!

Why not have it store the vCards on our docker host after creating them? Have it create a new share link based on the name of the business. Also might be a good idea to mount a volume for the vcards for easy access to them.

Getting a fatal error when trying to clone the repo.

Website alignment is off when loaded to host. After downloading the zip file and uploading the files to my web hosting site and launching, everything is not where it is supposed to be. Words are jumbled together and images not aligned. Is there something I need to do? here's the site: http://bh1.thielruperto.com/trvcard1/

Here is what it looks like during the creation of the card:

1. https://bh1.thielruperto.com/sharedimages/bcardimage1.png
2. https://bh1.thielruperto.com/sharedimages/bcardimage2.png

Please help!

Awesome tool - thanks! One of the things preventing us from using this is that each card needs to be created by scratch instead of there being a way to templatize a certain layout. Ideally, a person could configure a bunch of "standard" options like Logo / Company / Theme / Secondary Actions - and then just change the contact details themselves. This would make creating multiple vCards for many users easier and allow you to leave the tool and come back without needing to reset everything all over again.

Perhaps saving the template as a file, then putting that file inside the working directory?

Hello Vishnu Raghav B,

this is a very nice and best ever seen business card. Congratulations.
It would be nice to host this project via docker. Is this in your plans or could you setup a walkthrough to host it on docker?

A good plan would be to generate cards and than you get a direct link to the generated card (no .zip download).

so i used your tool, very good job btw. but i have made a small mistake, il probably just dive into the files and manually edit it but for a less technical user maybe the ability to import the .zip for modification would be a good feature to add

I will hire you for want to this type website.

Will there be a way to host and manage multiple Business Cards for a team?

Please can you create a react sample of this project.l?

Is it possible to code the Profile Picture as option in the vCard vcf file as base64 code?

So you become a bigger vcf whit the Photo direct in it.

i Think the best ist to add this as Option and not by default.

Would it be possible to add a button which saves the current state of the application in LocalStorage?

Is it possible to provide a writeup for local installation?

Hello - this is a wonderful project you have created -

in testing, i find upon deployment to my server that all works except it seems the business name is not getting rendered.

to whit, the html does not reflect any code to suggest business name is there, while name, phone numbers, email, etc work fine

any thoughts?