https://github.com/malted/proprocessor

Preprocessor heaven. A template for building web apps with Pug, Sass, and CoffeeScript, bundled with Parcel.
https://github.com/malted/proprocessor

coffeescript parcel pug sass

Last synced: 30 days ago
JSON representation

Preprocessor heaven. A template for building web apps with Pug, Sass, and CoffeeScript, bundled with Parcel.

• Host: GitHub
• URL: https://github.com/malted/proprocessor
• Owner: malted
• License: mit
• Created: 2022-06-22T19:07:35.000Z (over 2 years ago)
• Default Branch: main
• Last Pushed: 2022-06-23T10:31:11.000Z (over 2 years ago)
• Last Synced: 2024-10-16T07:35:31.497Z (30 days ago)
• Topics: coffeescript, parcel, pug, sass
• Language: Pug
• Homepage: https://proprocessor.malted.repl.co
• Size: 14.6 KB
• Stars: 2
• Watchers: 0
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        


## A Template built for the [Replit Template Jam](https://blog.replit.com/template-jam), combining Pug, Sass and CoffeeScript, bundled with Parcel.

### Find a minimal version of this template [here](https://github.com/ma1ted/ProProcessor-Minimal)

/ proʊ proʊ sɛs ər /


*noun*


Portmanteau of *professional preprocessor*. Trio of web preprocessors designed to make creating websites simple (and eliminate curly braces).

## Running

[![Run on Replit badge](https://replit.com/badge/github/malted/ProProcessor)](https://replit.com/@malted/ProProcessor)

Run `npm run start` to start the development server

### Templating

Website markup is written in [Pug](https://pugjs.org), which compiles down to vanilla HTML.

An example template can be found at `/src/components/index.pug`.

Additional components can be found in the `components` directory in the same parent directory.

### Styles

Website styling is written in [Sass](https://sass-lang.com), which compiles down to vanilla CSS.

An example stylesheet can be found at `/src/styles/style.sass`

Additional components can be found in the `components` directory in the same parent directory.

### Scripts

Website logic is written in [CoffeeScript](https://coffeescript.org), which compiles down to vanilla JavaScript.

An example script can be found at `/src/scripts/index.coffee`.

### Bundler

The website source is bundled with [Parcel](https://parceljs.org), which is the simplest bundler IMHO. It Just Works:tm:.