Skip to content

Hassancxpm/Simple-lightweight-modal

Repository files navigation

Simple lightweight modal

Overview

Simple lightweight modal Cloudflare app with French translation and more options.

Options

  • RichText message
  • Add optionnal button
  • Add colors customization
  • Add redirection feature
  • Add style options
  • Add French traductions

Setup

Fork and clone the repo

Install the dependencies with yarn install then build the project with yarn build (or npm run build).

Next, navigate to App Creator and upload your project directory.

The App Creator will update automatically on file changes (Chrome only). Once you're done testing, press Create App to submit your app for moderation. Refer to Terms of Use for more information.

Usage

  • yarn start (or npm start) Sets up your dev environment and runs Webpack in watch mode.
  • yarn build (or npm run build) Lints your project and compiles your JavaScript and CSS once for release.

Other Interesting Scripts

  • dev:setup Add other initialization scripts to your development pipeline here.

The project uses yarn-run-all which makes it easy to run tasks in series or parallel using yarn or npm.

install.json

This is where all the installer options are added for the app.

DNS field is not used in this app Cloudflare DNS Records. If you want to configure DNS, just add this field.

src/index.js

App start here.

src/styles.css

App styles here.

media/**

Icons, tile images, and screenshots to be used in the Cloudflare Apps page.

Download media-templates.sketch

webpack.config.js

Simple Webpack 4 config using Babel and CSS Loader. Please refrain from modifying the config to minify your built code.

Troubleshooting

The Cloudflare developer documentation for examples and API usage.

Contribute

Feel free to Pull Request this repository or to fork it. You can also open issues.

About

Simple lightweight modal message cloudflare app

Topics

Resources

License

Security policy

Stars

Watchers

Forks

Packages

No packages published