https://github.com/chase-moskal/glorious-frontend

a stack to stake your career on
https://github.com/chase-moskal/glorious-frontend

browserify frontend mobx preact react sass typescript uglify web

Last synced: 26 days ago
JSON representation

a stack to stake your career on

• Host: GitHub
• URL: https://github.com/chase-moskal/glorious-frontend
• Owner: chase-moskal
• License: isc
• Created: 2016-11-24T05:02:43.000Z (about 8 years ago)
• Default Branch: master
• Last Pushed: 2017-12-16T11:20:31.000Z (about 7 years ago)
• Last Synced: 2024-11-08T17:53:43.342Z (3 months ago)
• Topics: browserify, frontend, mobx, preact, react, sass, typescript, uglify, web
• Language: TypeScript
• Homepage: https://chasemoskal.com/glorious-frontend/
• Size: 183 KB
• Stars: 2
• Watchers: 2
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        

# G L O R I O U S • F R O N T E N D — [![build status](https://travis-ci.org/chase-moskal/glorious-frontend.svg?branch=master)](https://travis-ci.org/chase-moskal/glorious-frontend)

*a stack to stake your career on* [⟶ chasemoskal.github.io/glorious-frontend ⟵](https://chasemoskal.github.io/glorious-frontend/)

free open source minimalistic clientside web application boilerplate template  

you can copy/clone/fork this project and start your own application!  

## features and motivations

- **minimalistic** — choose your own tools, for anything you need, like page routing, or whatever

- **lightweight** — the infrastructure weighs less than 50 kB gzipped

- **debuggable** — use chrome devtools to debug at runtime, and use vscode to debug tests, sourcemaps work

- **frontend-only** — if you need a node server, make it a separate repo, and use containers for god's sake

- **unopinionated** — no linter, no hints about application architecture

## javascript tooling

- **typescript** — fancy future javascript

- **preact** — jsx view framework, lightweight react replacement

- **mobx** — state management, observables

- **jest** — testing framework

- **browserify** — bundle scripts and node_modules for browser consumption

- **uglify** — minifier, compression

## other tooling

- **sass** — fancy future css

- **http-server** — application is viewable and debuggable at http://localhost:8080/

- **vscode settings** — fancy developer experience

## create your own application

1. **install prerequisite software**

	- **git** — source control engine ***[required]***

	- **node and npm** — javascript runtime and package manager ***[required]***

	- **vscode** — code editor, project is preconfigured *[recommended]*

	- **meld** — merge tool for resolving conflicts *[recommended]*

2. **fork or clone this repository** — make your own fork of this repo, and clone it locally

3. **project commands**

	- **`npm install`**  

		this single command both installs project dependencies and runs the build (`ctrl+shift+b` in vscode)

	- **`npm start`**  

		start http server, then you can visit http://localhost:8080/

	- **`npm run build-debug`**  

		build while providing a better debugging experience in chrome devtools, by preserving sourcemaps, and skipping minification