WeAreOpenSource Angular

Presentation

This project is a stack Angular that can be ran as a standalone frontend. Or in a fullstack with another of our repo of your choice (ex: Node).

You can have more informations about us in our global repo:

• our mindset and what we would like to create in our introduction (in construction)
• how to create a fullstack from our repo in our wiki (in construciton).
• our global roadmap and propose ideas about stacks in our board
• how to contribute and help us here

Our stack Angular is actually in Beta and was generated with Angular CLI version 6.0.8.

Angular Cli / RxJS / Material / Jwt

Technology Overview

Subject	Informations
in development
in development	....
Being released
in development	....
In reflexion
in development	....

Features Overview

Available

• User : classic register / auth or oAuth(microsoft, google) - profile management (update, avatar upload ...)
• Admin : list users - edit user - delete user
• Tasks : list tasks - add tasks - edit tasks - delete tasks

In reflexion

RGPD compliance

Demo

(This Angular stack is used for this demonstration with our Node Stack)

Prerequisites

Make sure you have installed all of the following prerequisites on your development machine:

• Git - Download & Install Git
• Node.js (10.x) - Download & Install Node.js
• Angular cli - npm install -g @angular/cli

Installation

It's straightforward (you can use yarn if you want)

bash
$ git clone https://github.com/weareopensource/angular.git && cd Angular
$ npm i

Running Your Application

Development

• Run npm start for a dev server. Available at http://localhost:4200/.

Production

• Run npm run build:prod to build your client App

Others

• 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.
• test : ng test
• test e2e : npm e2e

Configuration

This process take into account all system environment variables defined under the form WAOS_FRONT_<path_toVariable>. A pre-build npm script turns under the hood those system environment variables into an object, infering paths from the varialbles name, merged to the environment object defined on environment.prod.ts to regenerate that file, regardless of the production or developement mode.

All configuration avalable on environment.ts file are overidable. You can for instance define the API server coordonates by defining those system environment variables:

• WAOS_FRONT_api_host='my-server'
• WAOS_FRONT_api_port=4000
• WAOS_FRONT_api_endPoints_basePath='api2'

Contribute

History

This work is based on MEAN.js and more precisely on a fork of the developers named Riess.js. The work being stopped we wished to take it back, we want to create updated stack with same mindset "simple", "easy to use". The toolbox needed to start projects, but not only with Node and Angular ...

We Are Open Source, Who we are ?

Today, we dreams to create Backs/Fronts, aligns on feats, in multiple languages, in order to allow anyone to compose fullstack on demand (React, Angular, VusJS, Node, Nest, Swift, Go). Feel free to discuss, share other kind of bricks, and invite whoever you want with this mindset to come help us.

Licence

Main Team

Pierre

techla

Feel free to come help us ! :)