Code Monkey home page Code Monkey logo

chat-ui's Introduction

LunnaChat

install Dependancies

install uuid

npm install --save uuid

internet connection check plugin

npm install ng-connection-service --save
npm i ng-connection-service

Device Detector

npm install ngx-device-detector --save

install qr code

npm install angularx-qrcode --save

install flex-layout

npm i -s @angular/flex-layout @angular/cdk

install ngx-perfect-scrollbar

npm install ngx-perfect-scrollbar --save

install ngx-owl Carousel

npm install ngx-owl-carousel-o

install bootstrap

npm install bootstrap npm install --save @ng-bootstrap/ng-bootstrap

install font awesome

npm install font-awesome --save npm install @fortawesome/fontawesome-svg-core npm install @fortawesome/free-solid-svg-icons

install socketcluster

npm install socketcluster-client

install bootstrap icons

npm install bootstrap-icons

remixicon

npm install remixicon --save

ngx-emoji-mart

npm install @ctrl/ngx-emoji-mart

Development server

install bootstrap

npm install [email protected]

###Install jQuery and Popper

According to the getting started guide, Bootstrap 4 requires the jQuery and Popper libraries to be added as dependencies, so we’ll also add these using NPM commands:

npm install [email protected] npm install [email protected]

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

Code scaffolding

Generate components

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.

Generate Module

ng generate module customers --route customers --module app.module

Build

Run ng build to build the project. The build artifacts will be stored in the dist/ directory. Use the --prod flag for a production build.

Project structure

dist/                        compiled version
docs/                        project docs and coding guides
e2e/                         end-to-end tests
src/                         project source code
|- app/                      app components
|  |- core/                  core module (singleton services and single-use components)
|  |- shared/                shared module  (common components, directives and pipes)
|  |- app.component.*        app root component (shell)
|  |- app.module.ts          app root module definition
|  |- app-routing.module.ts  app routes
|  +- ...                    additional modules and components
|- assets/                   app assets (images, fonts, sounds...)
|- assets/images/             app assets (images, fonts, sounds...)
|- assets/styles/            app styles,global scss variables and theme
|- assets/i18n/              app translations files
|- environments/             values for various build environments
|- index.html                html entry point
|- main.scss                 global style entry point
|- main.ts                   app entry point
|- polyfills.ts              polyfills needed by Angular
+- test.ts                   unit tests entry point
reports/                     test and coverage reports
proxy.conf.js                backend proxy configuration
vendor/                      3rd party related files and plugins

chat-ui's People

Contributors

izakimotho avatar

Stargazers

 avatar

Watchers

James Cloos avatar  avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.