Innovic-io / angular-offline-starter

Angular 9+ starter With Dexie.js for offline use

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Angular 9 starter with Dexie.js for offline use

Web project starter kit including modern tools and workflow based on angular-cli, best practices from the community, a scalable base template and a good learning base.

This small Angular application contains examples explaining how components ( smart - dumb ) are used in angular. It is intended for doctors to register, create messages and update profile by using template driven forms or perform CRUD operations on appointments.

Application works in offline mode with Dexie.js ( IndexDB ) library.

Screenshots

Screen Screen Screen Screen Screen Screen Screen

Getting started

Go to project folder and install dependencies:

npm install

Launch development server, and open localhost:4200 in your browser:

npm start

Project structure

venue-registration/          compiled version
e2e/                         end-to-end tests
src/                         project source code
|- app/                      app components
|  |- components/            dumb components
|  |- helpers/               generate unique guid
|  |- models/                models
|  |- pages/                 smart / routing components
|  |- pipes/                 pipes
|  |- services/              services
|  |- app.component.*        app root component (shell)
|  |- app.module.ts          app root module definition
|  |- app-routing.module.ts  app routes
|  |- auth.guard.ts          route guards
|  |- logged.guard.ts        route guards
|  +- ...                    additional modules and components
|- assets/                   app assets (images, css)
|- environments/             values for various build environments
|- index.html                html entry point
|- main.ts                   app entry point
|- polyfills.ts              polyfills needed by Angular
|- styles.css                global style entry point
+- test.ts                   unit tests entry point
karma.conf.js                configuration file

What's in the box

  • Bootstrap 4.0
  • Dexie.js
  • Angular 9
  • Fortawesome

Design sketch used for application

https://www.figma.com/file/nx4q7biMjioiw2kaKYOgA2/web-app-ui-devmakasana?node-id=0%3A404

About

Angular 9+ starter With Dexie.js for offline use


Languages

Language:TypeScript 58.9%Language:HTML 37.8%Language:CSS 2.4%Language:JavaScript 0.9%