ProjectTemplate

This project was generated with Angular CLI version 17.3.1.

Development server

Run ng serve for a dev server. Navigate to http://localhost:4200/. The application will automatically reload if you change any of the source files.

Code scaffolding

Run ng generate component component-name to generate a new component. You can also use ng generate directive|pipe|service|class|guard|interface|enum|module.

Build

Run ng build to build the project. The build artifacts will be stored in the dist/ directory.

Running unit tests

Run ng test to execute the unit tests via Karma.

Running end-to-end tests

Run ng e2e to execute the end-to-end tests via a platform of your choice. To use this command, you need to first add a package that implements end-to-end testing capabilities.

Further help

To get more help on the Angular CLI use ng help or go check out the Angular CLI Overview and Command Reference page.

NODEJS and cli command

note, install the nodejs

commandline: npm install @angular/cli --global

- gives us the privilege to use the `ng` command in our terminal directory we are in
- without the global, it just install and you can use the cli on the folder where you install it

alternative npm install @angular/cli --global --directory .

- for creating in the current directory

ng new ProjectTemplate

- this gives you an option, because it gives us out of the feature that other framework don't
- SASS [/] - Sass is the most mature, stable, and powerful professional grade CSS extension language in the world.
- SSR [/] - the Server-side rendering (SSR) is the process of rendering a a fully frontend application on the server, rather than in the browser. The rendered HTML is then sent to the client, where it can be displayed by the web browser.
- SSG [/] - is a process of creating a website as a set of static HTML files, rather than a dynamic web application. This can be useful for websites that do not require frequent updates or user interactions, and can benefit from the performance and scalability of static hosting.

VS Code Config - Download Extension: Angular Language Service - Download Extension: Live Sass Compiler

Start The Project

command: ng serve

note: for hot reloading, use ng serve

alternatively

command: ng start

Play with Angular - https://angular.dev/playground

Todo for SOFTWARE FEATURES - Qonvey (DPWH and Fountain Blue)

General Objectives: Create a Hybrid Qommunication and meeting software
                    All-In-One (GMeet/GClass/Taskade)

- Ease
    
    - Qustomize (Customizable Skin)
    
    -----------------------------------------------------------------------------------------------------------------------------
    - Quote chatbot (API that will be used for inquires of users - FAQ's)
    - Qassist 24/7 remote tech support
    -----------------------------------------------------------------------------------------------------------------------------

    - AQcessible in desktop and mobile devices (Responsiveness on the web)
    
    - BroadQast Notification
      note: set by a users of what is happening, that will be sent to other targets - can be all

- Hard
    
    -----------------------------------------------------------------------------------------------------------------------------
    - (QMeeting) Intercom (TO ASK - UNLIMITED or What)
        - chat
        - video call
            - share screen
            - whiteboard
            - team leader - access control of attendees
        - QPoll feature (Another System)
    -----------------------------------------------------------------------------------------------------------------------------

    - File sharing (storage from local to cloud server)
        - Written (Pdf/Words/PPT/links)
        - Media (Image/Audio/Video - large so limit)

    - Qalendar feature (users can schedule, remind deadlines, "book appointments???" and "make reservations - for what??", etc)
    
    - QTask feature (Taskade wannabe for leader to assign task to employees)
    
    - QSign (Service Level Agreement - for users)

note: Mar put some comments to the SE Features to avoid confusion

reference: https://docs.google.com/document/d/1vqOqolCSPiXbt1cB_rHluvNOzxph3Z6GKC4F2CDYq2A/edit?usp=sharing

Integration for the System

[/] Tailwind + SaSS

Dev Usage

- run the command: `npm install` on your terminal after cloning this repository

Version Update of Current Workplace

- This template is started from 17.3.1 version of Angular
    : https://youtu.be/GhNcPbm8w0k?si=WPyX4uWRBznhaG-r

References

Angular IO SaSS SSR & SSG