Plastikaweb2017
Personal Site example using Angular (> v 4.0.0).
Just it! You are able to clone, modify, test and use it.
Main packages and applications.
- This application relies on Firebase Database as data store mainly.
- It implements I18N with browser language detection and translation locally via JSON files and the NGX-Translation package.
- It uses an implementation of routes localization: localize-router.
- It uses also Teradata Covalent and Angular Material 2 for UX.
- Uses flexbox as layout CSS3 mode.
- Locally implements AngularFire2 to synchronize with Firebase.
- Angular/cli utility to generate, serve, test, build and lint the app.
Other features.
- It uses NGX-Charts with D3 library.
- A breadcrumb trail thanks to ng2-breadcrumb
- Progressive Web App.
- Accessible site.
Get the app
# Install Angular CLI globally
npm install -g @angular/cli@latest
# Clone your fork
git clone git@github.com:plastikaweb/plastikaweb2017.git
# Go to the project directory:
cd plastikaweb2017 {or any custom name}
# Install project dependencies:
yarn
# go to src/config directory, and rename `firebase.config.ts.sample` to `firebase.config.ts`. Fill with your firebase database data.
# go to src/config directory, and edit `lang.config.ts`. Fill with your app languages and the default app language.
# Serve the app
ng serve
# Navigate to http://localhost:4200/