Updates on dev.to clone in Angular - August 6
Tags: angular, showdev, webdev, typescript
Published: 2021-08-06 03:20:14

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

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

Last week I completed the homepage.

![Dev.to clone July 30](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/szk3v883k1pbbjp7aq6r.png)

This week I added article details page the styling is left so I added the basic skeleton of the article details page. This will also be divided into 3 sections the reaction section the articles section and the user section.
![Section in article details](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/oxznpca0uhewj5rzp494.png)

This week I focused on the article details section and joining the homepage articles to article details section. It was a bit tiresome this week. There were some problems like getting a specific article by path requires you to set the article username which I came to know that can be either username or organization name but if organization name exists it has to be organization name. There is no API to get featured article on homepage earlier I used the articles API and set the first one as featured article but that had a problem that the first article may not necessarily contain an image. The articles API also gave stale articles so I changed it with rising articles and took the first one that has an image. I think the timeline should be better if someone wants to use this as an app. Took a lot of my time yesterday but still there was progress so, I am happy.

Let us talk about the article section I've divided it into 3 parts the article details the comment section and the read next section I was only able to work on article detail section. I got article details using `https://dev.to/api/articles/{username}/{slug}` the API and I the same pattern as before a store and and API service.

There is one good news [Chellapan](https://twitter.com/che_off) is working on the listings section. The listings section will require masonry layout so maybe I can extract out some directives which makes making masonry layout easy for anyone to use. I'll be releasing articles on his work too after he completes. Here is where I am now.
![Dev-t0 clone August 6](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/ulx9vgjfeqyr9p2m9e4w.png)

## Issue 

1. The article section is again repeated Which I think is not a big problem because every state is different. I'm not sure about this. 

[Issue](https://github.com/ajitsinghkaler/devto-clone/issues/13)
1. Tags color and background. Tags in API comes in an a separate array and the colors in a different array I need to mix and match them and it should be reusable because its used everywhere.

## Commits done 

[Branch](https://github.com/ajitsinghkaler/devto-clone/tree/article-detail)

1. [fix a bug with getting article details](https://github.com/ajitsinghkaler/devto-clone/commit/f1a0c0dd81f6b5e60acfee724e79d1a8c76dfba0)
1. [article details added ](https://github.com/ajitsinghkaler/devto-clone/commit/291a2060a3e4e3ed97bc75c9ba95f379ab2dedd8)

## Contributions
[Chellapan](https://twitter.com/che_off) is working on the listings section. Waiting for it Chellapan 😁. If anyone want to contribute they can pick anything from the issues section in the repo.