Updates on dev.to clone in Angular – August 6

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

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

Last week I completed the homepage.

This week I added article details page the styling is left so I added the basic skeleton of…


This content originally appeared on DEV Community and was authored by Ajit Singh

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

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

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 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

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

  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

  1. fix a bug with getting article details
  2. article details added

Contributions

Chellapan 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.


This content originally appeared on DEV Community and was authored by Ajit Singh


Print Share Comment Cite Upload Translate Updates
APA

Ajit Singh | Sciencx (2021-08-06T03:20:14+00:00) Updates on dev.to clone in Angular – August 6. Retrieved from https://www.scien.cx/2021/08/06/updates-on-dev-to-clone-in-angular-august-6/

MLA
" » Updates on dev.to clone in Angular – August 6." Ajit Singh | Sciencx - Friday August 6, 2021, https://www.scien.cx/2021/08/06/updates-on-dev-to-clone-in-angular-august-6/
HARVARD
Ajit Singh | Sciencx Friday August 6, 2021 » Updates on dev.to clone in Angular – August 6., viewed ,<https://www.scien.cx/2021/08/06/updates-on-dev-to-clone-in-angular-august-6/>
VANCOUVER
Ajit Singh | Sciencx - » Updates on dev.to clone in Angular – August 6. [Internet]. [Accessed ]. Available from: https://www.scien.cx/2021/08/06/updates-on-dev-to-clone-in-angular-august-6/
CHICAGO
" » Updates on dev.to clone in Angular – August 6." Ajit Singh | Sciencx - Accessed . https://www.scien.cx/2021/08/06/updates-on-dev-to-clone-in-angular-august-6/
IEEE
" » Updates on dev.to clone in Angular – August 6." Ajit Singh | Sciencx [Online]. Available: https://www.scien.cx/2021/08/06/updates-on-dev-to-clone-in-angular-august-6/. [Accessed: ]
rf:citation
» Updates on dev.to clone in Angular – August 6 | Ajit Singh | Sciencx | https://www.scien.cx/2021/08/06/updates-on-dev-to-clone-in-angular-august-6/ |

Please log in to upload a file.




There are no updates yet.
Click the Upload button above to add an update.

You must be logged in to translate posts. Please log in or register.