https://github.com/llrizvanll/barcodebylink

Instant Barcode image for links, text etc and a chrome extension.
https://github.com/llrizvanll/barcodebylink

barcode barcode-generator barcode-images barcode-scanner barcodescanner chrome chrome-extension chrome-extensions javascript react react-bootstrap react-components react-hooks react-router reactjs

Last synced: 14 days ago
JSON representation

Instant Barcode image for links, text etc and a chrome extension.

• Host: GitHub
• URL: https://github.com/llrizvanll/barcodebylink
• Owner: llRizvanll
• License: mit
• Created: 2024-03-15T16:45:29.000Z (10 months ago)
• Default Branch: main
• Last Pushed: 2024-03-16T09:14:44.000Z (9 months ago)
• Last Synced: 2024-12-12T02:14:52.531Z (14 days ago)
• Topics: barcode, barcode-generator, barcode-images, barcode-scanner, barcodescanner, chrome, chrome-extension, chrome-extensions, javascript, react, react-bootstrap, react-components, react-hooks, react-router, reactjs
• Language: JavaScript
• Homepage: https://barcode-by-link.vercel.app
• Size: 110 MB
• Stars: 1
• Watchers: 2
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# Instant Barcode Generator: React App and Chrome Extension

Generate instant barcode images from any link, text, or description with a single click. This project, Instant Barcode Generator, is available as both a web app and a Chrome extension.

![Banner](./public/icon128.png)

## Key Features of Instant Barcode Generator

- Generate barcodes instantly: Just enter your text and get a barcode immediately.

- User-friendly interface: The app is designed to be intuitive and easy to use.

- Versatility: Available as a web app and a Chrome extension.

## Contribute

If you like this project and want to help me create more projects like this, **please consider** buying me a coffee:



## How to Use Instant Barcode Generator

### Web App

The web app is deployed on [Vercel](https://barcode-by-link.vercel.app/). Here's what it looks like:

![Web View](./src/assets/images/screenshot-web1.png)

And here's the mobile view:

![Mobile view](./src/assets/images/screenshot-mobile1.png)

### Chrome Extension

We also have a Chrome extension. Here's what it looks like:

![Chrome extension](./src/assets/images/chrome-extension1.png)

And here's another view of the Chrome extension:

![Chrome extension](./src/assets/images/chrome-extension2.png)

## Running the App

### Web App

To run the web app locally, follow these steps:

1. Clone the repository: `git clone https://github.com/yourusername/yourrepository.git`

2. Navigate into the directory: `cd yourrepository`

3. Install the dependencies: `npm install`

4. Start the app: `npm start`

The app will be available at `http://localhost:3000`.

### Chrome Extension

To load the Chrome extension locally, follow these steps:

1. Build the project: `npm run build`

2. Go to `chrome://extensions/` in your Chrome browser.

3. Enable Developer mode (toggle the switch in the top right corner).

4. Click on "Load unpacked" and select the `build` directory of your project.

The extension will be added to your browser toolbar.

## Contribute to Instant Barcode Generator

If you like this project and want to help me create more projects like this, consider buying me a coffee: