Peap
PEAP - Phoenix Elixir Angular Postgres
Install / Use
/learn @akeating/PeapREADME
PEAP - Phoenix Elixir Angular Postgres
A proof-of-concept implementation of phoenix with angular2, webpack, graphql, jwt, typescript, scss, postgres, and a few other things.
Following the spirit of "phoenix is not your application", the original poc was refactored into an umbrella structure with two applications; interface and domain.
Requires elixir, node and postgres, e.g.
brew install elixir
brew install n
brew install postgres
Optionally use yarn for node package management.
To get setup
postgres -D /usr/local/var/postgres/
npm install
Start
mix phoenix.server
The seed user is demo@example.com and password is foo.
Now you can visit localhost:4000 from your browser.
Review the configs in /config, including secret_key_base in config.exs.
Run the tests
npm test
Notes about the interface app
- phoenixframework
- webpack with watcher
- managed static assets with watcher
- a common module and app module
- global and encapsulated styles
priv/staticis deleted before each build
Static assets are in web/static. These are copied over to priv/static and changes are watched.
Put everything related to webpack in web/modules. The webpack bundles are placed in priv/static/bundles.
WARNING: all files in priv/static are deleted with each build. Place everything you need copied into web/static.
Related Skills
node-connect
344.1kDiagnose OpenClaw node connection and pairing failures for Android, iOS, and macOS companion apps
frontend-design
96.8kCreate distinctive, production-grade frontend interfaces with high design quality. Use this skill when the user asks to build web components, pages, or applications. Generates creative, polished code that avoids generic AI aesthetics.
openai-whisper-api
344.1kTranscribe audio via OpenAI Audio Transcriptions API (Whisper).
qqbot-media
344.1kQQBot 富媒体收发能力。使用 <qqmedia> 标签,系统根据文件扩展名自动识别类型(图片/语音/视频/文件)。
