How to make such a portfolio for Web development?

Question

Portfolio

Wool on google, searched here. Maybe not very carefully.
I want to make a website with a portfolio. One of the problems is that I don't have real complete works from scratch to the end yet.
Therefore, I would like to place fake examples on my website, not to deceive the visitor, but to show the implementation of some chips or layout examples.
It is clear that these are not screenshots, but actual layouts. That is, for example, I have a site www.mysite.com , and I want to place examples as separate sub-domains (is it generally right to do this?) like responsive-grid/mysite.com , product-cart/mysite.com and etc. That is, if a visitor went to the example with a shopping cart, he could fully test its functionality.
Hence the main questions:
1. What platform to choose for such a purpose? I would like to do it in Angular2 , but how it will affect the ranking of the site in the search engine, I know that WordPress has a lot of SEO plugins with which it would be much easier to promote the site. But WP is not completely satisfied, because. I want to write both front and back in JS .
2. Which hosting to choose in terms of "price-quality" ratio for such a project (we assume that it can be implemented on Angular2). Probably, it would even be possible to put it on Github , but I want my own domain, ideally.
3.Do you think this approach will help to get orders on Upwork, for example? There, often in the requirements, the customer wants to see examples. With a folio, I could drop links to working examples, albeit layouts, but without a folio, nothing at all. Or is this a waste of time and it would be advisable to choose another path for this?
Thank you all for participating!

Answer 1

Forget the obscure portfolio website.
If you want to show your skill in writing applications in angular, layout and other things, then it is more important to show the code, not the result.
GitHub will help you with this issue. Get yourself an account, create several repositories, place the code, description there, arrange everything as it should. This will be your portfolio.
I’ll tell you a secret, today employers first of all look at your GitHub profile, and incomprehensible portfolio sites are generally ignored.

Answer 2

Actually, if this is a portfolio, why is there any platform at all?

mysite.com/angular-slider/
mysite.com/notificator/
mysite.com/my-mega-template/

On the main page, there are just links with a preview ... IMHO there is enough static here.
Well, unless, of course, you have hundreds of templates planned there ...
In general, you need not about how , but about what .

Answer 3

1. Any
2. https://help.github.com/articles/using-a-custom-do...
3. Normal approach
Each question has already been discussed or depends only on you

Answer 4

For the GitHub code
+ links to the sites that you made (the customer wants to represent what orders have already been)
and for all the goodies of layout + animation, you need to post your work on codepen , uplabs , etc.
If good people start writing works, well, so that login is everywhere there was one
A on his site links to all this + contact information