A simple lorem generator based on project idea from app-ideas repo. Depolyed on Github Pages here.
Node.js with npm with the following npm packages installed locally or globally-
Parcel (devDependency)
Used to enable usage of node modules (lorem-ipsum in this case) in browser. Browserify not used because it takes some config for HMR. And Webpack no longer polyfills node modules.
lorem-ipsum (prodDependency)
Used to generate lorem ipsum text.
$ git clone https://github.com/ranmerc/implement-app-ideas
$ cd implement-app-ideas/beginner/Lorem-Ipsum-Generator
$ npm install
I had parcel installed globally so it is not included in package.json file so if you do not have parcel installed you may also want to do -
$ npm install parcel-bundler --save-dev
$ npm run dev
Targets src/index.html outputs to dist/ and starts a dev server on port 1234.
$ npm run build
Builds the production version of the app and outputs to build/. Cache folder is deleted because of this issue and public url is used because of this issue. Tried experimental tree shaking available in parcel.
- Design on Figma.
- How to remove the default arrow icon from a dropdown list (select element)? on Stack Overflow.
- Outline radius? on Stack Overflow.