https://github.com/makomweb/symfony-angular-tutorial
Symfony + Angular + Material
https://github.com/makomweb/symfony-angular-tutorial
angular angular-cli api client material php pipes server symfony
Last synced: 18 days ago
JSON representation
Symfony + Angular + Material
- Host: GitHub
- URL: https://github.com/makomweb/symfony-angular-tutorial
- Owner: makomweb
- Created: 2021-07-14T11:42:07.000Z (over 4 years ago)
- Default Branch: master
- Last Pushed: 2021-07-14T11:42:42.000Z (over 4 years ago)
- Last Synced: 2025-04-06T01:34:02.552Z (10 months ago)
- Topics: angular, angular-cli, api, client, material, php, pipes, server, symfony
- Language: TypeScript
- Homepage:
- Size: 1.36 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Tutorial project: Symfony + Angular + Material
## Create Symfony service and start the backend
~~~bash
symfony new backend
cd backend
composer install
symfony server:start -d
~~~
## Create the Angular client + start it
~~~bash
npm install -g @angular/cli
~~~
Edit environment variables so that Angular is in the PATH.
`C:\Users\YOUR_USERNAME\AppData\Roaming\npm\node_modules\@angular\cli\bin`
Create the client app
~~~bash
ng new client
cd client
ng serve --open
~~~
## Create a new backend controller
~~~bash
cd server
composer require symfony/orm-pack
composer require --dev symfony/maker-bundle
php bin/console make:controller
~~~
## Install CORS
~~~bash
cd server
composer require nelmio/cors-bundle
~~~
## Install Material
~~~bash
cd client
ng add @angular/material
# or
npm install @angular/material @angular/cdk @angular/animations --save
ng add @angular/material
~~~
## Create a UI component
~~~bash
cd client
ng g c weather --module=app
~~~
## Create a UI service
~~~bash
cd client
ng g s weather
~~~
## Layout the components
~~~bash
cd client
npm install -s @angular/flex-layout
~~~