So it’s time to create a login page. You get a good image, create two input fields (one for an email, one for a password), center everything, and leave it at that. It’s a little uninspiring but let’s face it; this is a common experience. Well, it’s time to buck the trend. Let’s create a fresher looking, more engaging log in page with a little SVG magic.
As usual, we’re going to do this in Angular. Why? Because I love Angular! I don’t need any routing, I’ll choose SCSS, and for the input fields, I’ll go with Angular material.
While I was working on my own personal website, I searched for some text effects I could use on my site. Since I was writing my website in Angular 10, it was hard for me to find a suitable, easy to use, solution.
So I wrote one ;)
If you want to know how to do it yourself, you've come to the right place. Let’s Start.
The first thing you need is an Angular app. I assume you know how to create one :). now let’s add a new component, let’s call it — type-delete-component. …
It’s time to show your
console.log() skills! Now, wait, I know what you're saying. Console? That’s for debugging. And your right. It is for debugging. That’s where the picture above comes in. Think outside the box. It can be used for different things as well.
Go ahead and use dev tools to see the console of this website — Medium. What do you see there? Logo, and we’re hiring message:
Welcome to the second part of our Angular Cms Tutorial. Here are the links to the other parts of the tutorial (I will add the links after I publish them):
So, we've set everything up (firebase, database, and project structure). Now it’s time to fill in all of our routing, services, guards, pipes, and utilities.
Our app tree looks like now:
The first thing you gotta ask yourself is why? Why would you want to build your own Content Management System when you have WordPress free and easy to use.
Because we can.
Our goals with this project:
The admin panel will include adding new pages, editing pages, adding new posts, connecting them to specific pages, and editing posts.
The user panel will display all of the pages and posts.
Before we get started, remember that is only an MVP. What is an MVP?
First off — I’m not going to make you Einstein. And even you could be him; I don’t know how good of a teacher he is. And now that it’s out of the way let’s get started.
Oh my god, where do I even start? OK, let’s get it out — most teachers don’t know how to teach! It’s true; they don’t.
You’re probably asking yourself — who am I to speak? What are my credentials? What skills in my resume? Well, let me introduce myself:
Well, there really is only one main reason for choosing Angular 11 — and it doesn't matter what version (AngularJS does not count!).
actually, I started my website with Angular 10 and just now upgraded to 11.
Developer... and everything that comes with it...