# Updates on dev.to clone in Angular - August 27


##### Help me improve these updates by giving suggestions.

Github Repo - https://github.com/ajitsinghkaler/devto-clone

Deployed on Firebase - https://dev-toclone.firebaseapp.com/

Last week we finished details page article section and basic comments section.
![Articles details page](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/dn6lr72hv93pbss99ieq.png)

This week I added the complete comments section. It was one the most complex tasks while building the dev.to ui. The comments structure is a bit complex to render. Comments contain a key called children which can again contain comments so it was like a tree like structure.

```
├── comment
│   ├── comment ─── comment
│   │   └── comment
│   ├── comment
│   ├── comment ─── comment ─── comment
│   │   └── comment ─── comment ─── comment
│   └── comment
├── comments
│   ├── comment ─── comment
│   │   └── comment 
│   └── comment 
├──── comment
│   ├── comment
│   └── comment
└──── comments
```

How to render an infinite tree. Then I called the comment component from the comment component. To create a recursion like scenario which will render the entire component tree. I've written details about it in this [article](https://ajitblogs.com/problems-faced-while-creating-comments-section-with-a-tree-like-data-structure/).

[Vimal Patel](https://twitter.com/patel_vimal) has also added 
commit lint to the repo so that reading the commit messages is easy. I'm thankful for that.

## First Live stream

I also did my first live stream with [Santosh](https://twitter.com/SantoshYadavDev) on moving over our app from angular-cli to NxDevTools we did the basics in the stream and I went over a lot of questions that I have to why Nx if you want to see how to move your project over Nx please follow us on [This is tech Talks](https://www.youtube.com/channel/UCwLr8EHk7A-A89tRqoHSdZw)
 we will be migrating the whole dev.to clone to Nx over the live stream. This was my first talk I was a bit nervous but Santosh made me at ease. Thanks Santosh.

So this is where we are right now.
![Alt Text](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/10ylwi1auxrz2qdaiwzd.png)

Next week I'll start working on the podcast page.

## Issue

1. [Create a 404 page](https://github.com/ajitsinghkaler/devto-clone/issues/30)

1. [Comments section css is a bit off](https://github.com/ajitsinghkaler/devto-clone/issues/32)

1. [Add number of child comments in comments section](https://github.com/ajitsinghkaler/devto-clone/issues/33)

## Commits

1. [Commit lint](https://github.com/ajitsinghkaler/devto-clone/commit/0624aa97da384de25cb3f20902e511b2899e60fa)

1. [Basic comments](https://github.com/ajitsinghkaler/devto-clone/commit/9d05fd85b369aea6c92f68ad9407f78152aa0f08)

1. [Comments section completed](https://github.com/ajitsinghkaler/devto-clone/commit/d2a317f15409e5ef13b7fb995cdadb336420ad82)