tubemaker.mp4
Find this application at tubemaker.io
Full stack applicaiton that allows users to create scripts for youtube videos. The application is built with Angular 12, Node.js, Express.js, and Firebase Realtime Database. The application is hosted on Google Cloud and Firebase for file storage. The application is built with the CoreUI Angular Admin Template.
From core directory run:
npm install -r requirements.txt
npm run start:dev
ng serve
You may need to modify or insert the environments file.
Navigate to http://localhost:4200. The app will automatically reload if you change any of the source files.
Angular 15 requires Node.js LTS version ^14.20 or ^16.13 or ^18.10.
- To check your version, run
node -vin a terminal/console window. - To get
Node.js, go to nodejs.org.
Install the Angular CLI globally using a terminal/console window.
npm install -g @angular/cliRun build to build the project. The build artifacts will be stored in the dist/ directory.
# build for production with minification
$ npm run buildWithin the download you'll find the following directories and files, logically grouping common assets and providing both compiled and minified variations. You'll see something like this:
coreui-free-angular-admin-template
├── src/ # project root
│ ├── app/ # main app directory
| │ ├── containers/ # layout containers
| | │ └── default/ # layout containers
| | | └── _nav.js # sidebar navigation config
| │ ├── icons/
| | |*** Legion *** ### Specific front end code for this project ###
| │ └── views/ # application views
│ ├── assets/ # images, icons, etc.
│ ├── components/ # components for demo only
│ ├── scss/ # scss styles
│ └── index.html # html template
│
├── angular.json
├── README.md
└── package.json
Navigate into backend folder and run
gcloud auth login
gcloud config set project <ID>
gcloud app deploy
From root directory run:
ng build
firebase deploy --only hosting
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.
Run ng g c component-name to generate a new component. You can also use ng generate directive|pipe|service|class|guard|interface|enum|module.
Run ng build to build the project. The build artifacts will be stored in the dist/ directory.
Run ng test to execute the unit tests via Karma.
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.
Adrian Mohnacs