https://github.com/abdelrahman-mh/qr-code-component
simple qr-code card design using Webpack and Sass
https://github.com/abdelrahman-mh/qr-code-component
html-css-javascript responsive-design responsive-web-design sass webpack webpack5
Last synced: over 1 year ago
JSON representation
simple qr-code card design using Webpack and Sass
- Host: GitHub
- URL: https://github.com/abdelrahman-mh/qr-code-component
- Owner: abdelrahman-mh
- Created: 2024-03-12T14:06:35.000Z (over 2 years ago)
- Default Branch: main
- Last Pushed: 2024-03-12T15:41:55.000Z (over 2 years ago)
- Last Synced: 2025-01-07T08:14:44.990Z (over 1 year ago)
- Topics: html-css-javascript, responsive-design, responsive-web-design, sass, webpack, webpack5
- Language: SCSS
- Homepage: https://abdelrahman-mh.github.io/qr-code-component/
- Size: 143 KB
- Stars: 1
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# QR Code Component
Simple design QR Code Component, Challenge by [frontend-mentor](https://www.frontendmentor.io/challenges/qr-code-component-iux_sIO_H)
The app build with `webpack`, `sass`
coded by [Abdel-Rahman](https://github.com/abdelrahman-mh)
## Usage
all main files in `/src/` dire
- Start the dev server:
```shell
npm start
```
this will start the dev server at [http://localhost:3000](http://localhost:3000/)
- Build to Production:
```shell
npm run build
```
Will build the project in `/dist/` dire, Will build a static Html page
- Deploy to GitHub Pages:
```shell
npm run deploy
```
This will deploy the latest changes to github pages host
## Links
[Website](https://abdelrahman-mh.github.io/qr-code-component/)