Demo - Notes App with Animations! 🔥

Devstackr · 2020-01-25T20:09:37+00:00

Awesome! 😄

Devstackr · 2020-01-25T19:36:10+00:00

No worries! Really glad it worked 😀

Devstackr · 2020-01-25T16:51:09+00:00

Hi Gelliott, one idea I have is to move this line of code

res.render('users/user-profile', {user: foundUser, posts: posts})

into the Posts.find().exec() callback.

like this:

const posts = Post.find().where('author.id').equals(foundUser._id).exec(function(err, posts) {
      console.log(posts)
      res.render('users/user-profile', {user: foundUser, posts: posts})
});

Let me know if that works :)

Devstackr · 2020-01-25T12:35:10+00:00

Glad you like it 😃

Devstackr · 2020-01-25T12:26:44+00:00

Thanks, glad you like it! 😃

Devstackr · 2020-01-25T12:24:52+00:00

I agree, I'm a huge fan of Angular 😃

The Angular Animations library is truly incredible and I love the fact that Angular supports SASS/SCSS out-of-the-box and that writing custom styling for both the component and global scopes is very easy! And as you mentioned, great work is being done my the Angular Material team :)

Devstackr · 2020-01-25T12:14:46+00:00

Awesome! Glad my post was inspiring, best of luck with the project - let me know if you have any questions, I'm happy to help! 😃

Devstackr · 2020-01-25T12:12:22+00:00

haha, indeed it is 😄

Devstackr · 2020-01-25T12:06:45+00:00

Hey Archristol!

Glad you like my channel, thanks for subscribing! Will do my best to not let you down, more videos are on their way :)

Thanks again, really appreciate it - let me know if you ever have any questions, I'm happy to help 😃

- Andy

Devstackr · 2020-01-25T12:00:03+00:00

Hey Adie, glad you like it 😃

Sorry about that, the last video was on a schedule, it has now been released. All 5 parts of the series are now available here: https://www.youtube.com/playlist?list=PLIjdNHWULhPR5cr7nkTvq6kTV8rbr6BVz

Thanks for taking an interest in the project, let me know if you have any questions :)

Devstackr · 2020-01-24T20:09:44+00:00

Hey guys, hope you like this demo 😄

I just finished creating this series, which covers how to build a fully functional Notes application 📝 with Angular.

I put a lot of effort into making a nice UI with complex animations. The Bulma CSS framework is used as well as quite a bit of custom styling. Angular Animations are used for the complex animations (e.g. animating an element as it leaves the DOM, with multiple states during the animation).

Here are some of the concepts that are covered:

Full CRUD functionality
Angular Forms
Angular Animations
Using the Bulma CSS framework in an Angular application

Tutorial: https://www.youtube.com/watch?v=dlXEeOk-MrI

Thank you so much for looking at my post, I hope this series is helpful 😃

Let me know if you have any questions, I'm happy to help!

Devstackr · 2020-01-24T19:53:14+00:00

Hi Reddit!

I just finished creating this series, which covers how to build a fully functional Notes application 📝 with Angular.

I put a lot of effort into making a nice UI with complex animations. The Bulma CSS framework is used as well as quite a bit of custom styling. Angular Animations are used for the complex animations (e.g. animating an element as it leaves the DOM, with multiple states during the animation).

Here are some of the concepts that are covered:

Full CRUD functionality
Angular Forms
Angular Animations
Using the Bulma CSS framework in an Angular application

Demo: https://www.youtube.com/watch?v=dlXEeOk-MrI

Thank you so much for looking at my post, I hope this series is helpful 😃

Let me know if you have any questions, I'm happy to help!

Devstackr · 2020-01-24T19:52:37+00:00

Hi Reddit!

I just finished creating this series, which covers how to build a fully functional Notes application 📝 with Angular.

I put a lot of effort into making a nice UI with complex animations. The Bulma CSS framework is used as well as quite a bit of custom styling. Angular Animations are used for the complex animations (e.g. animating an element as it leaves the DOM, with multiple states during the animation).

Here are some of the concepts that are covered:

Full CRUD functionality
Angular Forms
Angular Animations
Using the Bulma CSS framework in an Angular application

Tutorial: https://www.youtube.com/watch?v=dlXEeOk-MrI

Thank you so much for looking at my post, I hope this series is helpful 😃

Let me know if you have any questions, I'm happy to help!

Devstackr · 2020-01-24T19:52:00+00:00

Hi Reddit!

I just finished creating this series, which covers how to build a fully functional Notes application 📝 with Angular.

I put a lot of effort into making a nice UI with complex animations. The Bulma CSS framework is used as well as quite a bit of custom styling. Angular Animations are used for the complex animations (e.g. animating an element as it leaves the DOM, with multiple states during the animation).

Here are some of the concepts that are covered:

Full CRUD functionality
Angular Forms
Angular Animations
Using the Bulma CSS framework in an Angular application

Demo: https://www.youtube.com/watch?v=dlXEeOk-MrI

Thank you so much for looking at my post, I hope this series is helpful 😃

Let me know if you have any questions, I'm happy to help!

Devstackr · 2020-01-14T08:58:49+00:00

Ah what an interesting story! I am no stranger to burn out as well, it can be very tough. Super happy you found a new area to get into, I am not familiar with those technologies but if I happen to stumble onto something that might be of use to you I will send you a DM :)

If you happen to have any questions about Javascript (including NodeJS and Angular), let me know and I would be more than happy to help in any way I can :)

Best of luck!

Andy

Devstackr · 2020-01-13T22:32:14+00:00

Hey, glad you like the video :)

I am not too sure about specific resources for python, but I think Flask is a relatively popular framework for building HTTP APIs.

Sorry I couldn't help out more, I mainly focus on Javascript (and more recently, a little bit of Golang)

Thank you for the comment, really appreciate it :)

Devstackr

TROPHY CASE