https://github.com/jolares/imagex-pwa
A responsive images automation project featuring automated bulk processing of raw images within an input directory and producing an output directory of responsive images with different sizes and resolutions for each raw image.
https://github.com/jolares/imagex-pwa
angular pwa responsive-images
Last synced: about 1 month ago
JSON representation
A responsive images automation project featuring automated bulk processing of raw images within an input directory and producing an output directory of responsive images with different sizes and resolutions for each raw image.
- Host: GitHub
- URL: https://github.com/jolares/imagex-pwa
- Owner: jolares
- Created: 2020-08-15T20:19:58.000Z (almost 6 years ago)
- Default Branch: master
- Last Pushed: 2020-08-15T20:34:23.000Z (almost 6 years ago)
- Last Synced: 2025-03-22T04:12:25.136Z (over 1 year ago)
- Topics: angular, pwa, responsive-images
- Language: HTML
- Homepage:
- Size: 152 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# ImgxPwa
Input entire directory of raw images and generate an optimize directory of responsive images, containing different size and resolution versions for each image.
## Usage
1. Install project dependencies by running `npm install`.
2. Add the images to be processed inside of the folder named `raw_images`.
3. Generate responsive images by running `npm run process-images` in the terminal. This will process the images
within raw_images and output responsive images in the folder named `responsive_images`.
## Development server
Run `npm start` for a dev server. Navigate to `http://localhost:4200/`. The app will automatically reload if you change any of the source files.
## Code scaffolding
Run `ng generate component component-name` to generate a new component. You can also use `ng generate directive|pipe|service|class|guard|interface|enum|module`.
## Build
Run `ng build` to build the project. The build artifacts will be stored in the `dist/` directory. Use the `--prod` flag for a production build.
## Running unit tests
Run `ng test` to execute the unit tests via [Karma](https://karma-runner.github.io).
## Running end-to-end tests
Run `ng e2e` to execute the end-to-end tests via [Protractor](http://www.protractortest.org/).