Disney Plus Copycat made with Angular, TypeScript and SCSS. API made with Mongo Atlas and ExpressJS. You can see the API too HERE!
Want to download and see the project on your own computer?
First, you have to download the Project's Folder. After that, you have to:
| 1. Install node_modules inside the Project's Folder: | 2. Start the Server: |
|---|---|
 |
 |
For this Copycat I recreated:
- Angular
- Components & Pages
- Services
- HttpClient
- Routing
- Structural Directives
- Decorators
- Input & Output
- HostListener - window: resize
- TypeScript
- Types
- Interfaces
- SASS
- SCSS
- BEM methodology
- API :
This was one of my firsts projects made with Angular ( and TypeScript ) so it was all pretty much new to me! I feel like I've learnt a lot making this Disney+ Copycat, from something as simple as Folder Organization to Decorators and Services...
When you are used to basic Html, you get really used to make everything at once, on the same place, si I'ts normal it took a bit to take the habit of separating each thing into their own components, so you can later reuse them if you need it ( pretty handy I must admit ). I think this is what I most like about things like these, eventhough... it's still hard to know what to separate and what not!
This components makes thins easy but, they have their things too! You can't connect them as easily as something that is in the same page so, what a headache this gave me at first, what a frustration! But then whe learn @Input() anf @Output() decorators, and everything was easy again...
But that is not the end of it, because later on... SERVICES! And now you have a place to store inforation to use all over your project! For example, to connect a cute little API you made for the project in particular... Like this one...
And how do you get the information from the API? Well that's HttpClient's job! And you can even push info to the database! What a beautifull world we live in!
It was quite a journey, from not knowing anything about Angular to be working with it on a daily basis! I fell in love with it, and I hope I learn much more in the future!
- Website - Alba García
- Github - Koalba
- Linkedin - Alba García
- ArtStation - Alba García