ackoujens / volvo-valor Goto Github PK

Blending high quality video in the background of your homepage or heading.

• Try to learn from resource and recreate in typescript
• Apply for full background videos
• Apply for title headings (jumbotron)
• Resolve issue where video overlaps (body text, navbar)

Resource

• https://codepen.io/ackoujens/pen/XBLQRZ

Because what is the point of loading content which is barely even accessed?

• administrative components
• components which are not visited often
• others? (might get more clear after getting hands dirty)

Resource

• https://angularfirebase.com/lessons/how-to-lazy-load-components-in-angular-4-in-three-steps/

The build is still not broken? Right?!

• Create channel for all builds or only for volvovalor builds
• Read resource below to connect to Slack
• Think about how to execute encryption upon the travis config file or key attribute

Resources

• https://docs.travis-ci.com/user/notifications/#configuring-slack-notifications

User interaction is important for supplying feedback and grow your community of like-minded people.

• Contact form
• Alter form for different purposes
• Social media links
• CTA's focussing on YT channel?
• Look into resources for creating the perfect contact page

Making firebase actions leaner and simpler to understand in a growing project.

• Look into other resources while scraping article below
• Test & apply optimizations to project

Resources

• https://angularfirebase.com/lessons/firestore-advanced-usage-angularfire/

Still presentable, even while in flight mode!

• Plan which elements should be held to make app still presentable while offline
• Think about AngularFireBase offline data feature

Resources

• https://angularfirebase.com/lessons/firestore-with-angularfire-basics/
• https://firebase.google.com/docs/firestore/manage-data/enable-offline

Make sure your app will run at any time of the process.

• Research CI
• Where is this applicable in my app?
• Do I need to learn Protractor first for testing?
• Look into YouTube material

Resource

• https://github.com/marketplace/category/continuous-integration

Kickstarting a journalistic journey.

• Basic backend for creating blog entries
• Basic frontend for displaying post list
• Basic frontend for displaying individual post
• Research display from other websites

More work now for less in the future!

Provide a skeleton framework that you can fill out for future pull requests.
Think of a general template to use in an Angular webapp situation.

Resource

• https://embeddedartistry.com/blog/2017/8/4/a-github-pull-request-template-for-your-projects

Getting some branding down.
Make your userbase recognise your project.

• header in app
• in readme file
• use svg maybe for scalability

Resource

• https://stackoverflow.com/questions/14494747/add-images-to-readme-md-on-github

Basically a virtual garage!

• Frontend displaying vehicles
• Backend for entering new cars into the lineup
• Enable input of as many relevant details as possible

Because search engines mostly favor bare HTML and ignores javascript.

• Crawlable app
• Crawable dynamic content (firebase)
• Sitemap generator needed? (might not be best practise)
• Block crawling on administrative sections

Resources
https://www.youtube.com/watch?v=wij2-gyG12E
https://www.youtube.com/watch?v=lncsmB5yfzE

Thou shall not pass!

• Initial authentication service
• Using google/e-mail or other medium
• Apply in app to bar off components

Resource

• https://github.com/angular/angularfire2/blob/master/docs/version-4-upgrade.md

I'm sorry, blame my OCD!

Based on other projects, think of a more neat and organized way to clean this mess up.
Also a structure to abide to when creating new components / services / pipes / ...
Some examples below I found very clean looking but still can use some improvement.

Resources

• https://github.com/alexabbott/firebase-cms
• https://github.com/doppelgunner/doppelgunner-blog

Uploading generic files, images, other resources.

• Create service for handling files
• Create image upload service which leverages on file service

Resources

• https://grokonez.com/frontend/angular/angular-4-firebase-upload-file-to-storage
• https://grokonez.com/frontend/angular/angular-4-firebase-display-list-images-firebase-storage
• https://angularfirebase.com/lessons/firebase-storage-with-angularfire-dropzone-file-uploader/
• https://angularfirebase.com/lessons/angular-file-uploads-to-firebase-storage/

Organize and manage products coming in or out of the stock area.

• All kinds of 2D barcodes and QR codes
• Hardware scanning (using a handheld scanner)
• Software scanning (smartphone or webcam)

Resources about hardware scanning

• https://stackoverflow.com/questions/21633537/javascript-how-to-read-a-hand-held-barcode-scanner-best
• https://stackoverflow.com/questions/35294999/scanning-barcode-using-angular2
• https://www.npmjs.com/package/angular-barcode-listener

Resources about software scanning

• https://serratus.github.io/quaggaJS/examples/
• https://www.npmjs.com/package/ngx-barcode-scanner

Resources about converting JS scripts to TS

• https://stackoverflow.com/questions/38565149/how-to-convert-js-code-to-angular-2

Shot for the moon, but still far from it.

Deploy is failing because package-lock.json is marked as unstaged during deploy.
Need to test this by removing branch restriction. Biting the bullet for this single time tests need to be ran in production.

I would rather have to make branches disappear after they have been removed on the GitHub side of things. Research if this is normal or can be removed automatically after this branch is not present anymore.

Assuring every component delivers the expected results.

• Research using resource
• Research using YouTube
• Apply to all completely fleshed out components

Resource

• https://blog.cloudboost.io/building-your-first-tests-for-angular5-with-protractor-a48dfc225a75
• https://www.youtube.com/watch?v=WROmnhRbH6k
• https://www.protractortest.org