The Chatness app folder structure is basically composed of
Decoupled environment for building web components. In case you need to modify or add a new element based on Chatness you can edit the
elements.modules.ts which lives inside this folder and then issue
npm run build:elements
Dedicated environment for server side stuff like the push notification trigger.
Icon and splash files you can use as example to edit your own before deploying the app to device.
Where lives all the related code to pre populate database. This way you can test and extract the maximum of Chatness right on the beginning.
Actions are the way app communicates with the global state. It carries a payload of information and can execute side effects as adding something to cache.
Place where every reusable/exportable components lives in. If you aren't an angular developer run a simple command and they're all exported as custom elements to be used as web components.
General app configurations
App specific side effects
Route guards from angular
App specific interfaces
App specific pages
App specific reducers
Fonts and images shipped within the app.
- New York
- SF Compact Rounded
- SF Compact Display
- SF Compact Text
- SF Mono
- SF Pro Display
- SF Pro Rounded
- SF Pro Text
General styling stuff built with css variables in mind. So if you wanna change some primary color in the app/elements you gonna just need to edit a variable located here.
Fonts are loaded from
fonts.scss so pick one font and uncomment its line.