What projects do junior web-developers need in their portfolio?

Question

Portfolio

Essence of the question. For a good resume, you need to have a portfolio of worthy (Junior level) projects that will be of interest to the employer. Suggest ideas for such projects.

Technology stack. I want to use HTML5, CSS3 (Less/Sass/Scss), JavaScript (TypeScript), Git/GitHub, Vue.js, Node.js in my work .
For complete happiness, I want to learn the database (database) MongoDB, Express.js and learn how to combine my knowledge into a single project and deploy.

Project content. An important aspect of my question is the intellectual component. Every project must be built on the MEVN stack. We need both projects for deployment on GitHub (a multi-page landing or something useful), and for heroku, firebase (an online store or something similar).

Project value. Projects must have value. There are a lot of various calculators and weather applications, but there is very little something useful.

Conclusion. Do not be lazy and write your thoughts and ideas (the more detailed the better). Everyone who writes an example project according to my description gets a like. Unique and interesting projects will be marked as the answer to the question. Help jun build a portfolio)

Answer 1

All sorts of things with admins work well. To have many roles (admins, moderators and users), each role has its own capabilities. Try to write some kind of platform like a training one, for example. The user has his own profile, can create educational articles (with photos/videos and text). Articles first get into the admin panel to the moderator and only then are they available to the public. Articles can be accessed publicly or only by authorized users. Plus, you can organize a rating system (likes / dislikes + moderator rating). And some kind of news feed, where only high-rated news will get.
And then there is already a flight of fantasy and skills that you want to show. A simple scheme - I know how to work with canvas - I attach something to the canvas, I know how to make cool animations - I use it. The purpose of such projects is usually to show your skills and code quality + the ability to work with your head. It makes no sense to use something without understanding how it works, because at a technical interview they will find out anyway. And often companies do not ask for code examples at all, but give a test task.

Answer 2

Everyone who writes an example project according to my description gets a like

It's a pity there are no emoticons :(
Github in tags why?
Well, the project is usually a social network of the FB level, usually or a store like Ozon. In courses, this is usually developed

Answer 3

The employer looks at knowledge, not a portfolio, which can be stolen.
A successful test case, not a portfolio, will decide.