AngularStarterpack

This is an Angular Boilerplate that can be used to kickstart the development on any Angular project with speed. In the 4 years of working in a service industry, we have built numerous projects and accumulated a lot of learnings from them, that are baked into this boilerplate. Over time, we also noticed certain similarities that repeat themselves in all the projects. We did not necessarily have to re-invent the wheel everytime a new project was started. This boilerplate was all that we would need to get to writing the business logic of the project, the stuff that truly mattered. Using this boilerplate as the base for a project would also force devs to adopt a certian standard set by the boilerplate, thereby ensuring everyone is writing efficient, abstarcted and highly readable code!

In order to set this up: 1 => Change the name of this app from angular-starterpack to whatever you wish to keep. 2 => Have a env folder in your root directory with staging.env and prod.env files in it. 3 => Use your configs whereever there is "YOUR-" prefix. 3 => Run npm install 4 => For staging: npm run start:staging, For prod: npm run start:prod

The boilerplate has/will have the following-

Components

1. Linear loader
2. Spinner
3. Pseudo cards (In Progress)
4. Avatar (In Progress)
5. Success/Error Toast Messages (In Progress)
6. Action Buttons (In Progress)
7. Action Modals (In Progress)
8. Error Modals (In Progress)
9. Confirmations Modals

Directives

1. Limit-to
2. Search Input
3. Lazy load images directive
4. Infinite Scroll

Pipes

1. safeHTML
2. moment parser
3. join
4. duration
5. titlelize

Services

1. Authentication (basic scaffolding) (In Progress)
2. User Service (basic scaffolding)
3. Apollo Service
4. Error Service
5. Constants service
6. Validators (In Progress)

Style components

1. Icon pack (In Progress)
2. Fonts & typography (In Progress)
3. Navbar (In Progress)
4. Animations/Micro interactions (In Progress)
5. Layouts (In Progress)
   1. Grids
   2. Cards
   3. Panels

Modular Functions

1. DeepCopy
2. makeDateTime
3. isObjectEmpty
4. isMobile
5. getRelativeTime