Github Repo - https://github.com/ajitsinghkaler/devto-clone
Deployed on Firebase - https://dev-toclone.firebaseapp.com/
Last week, the article section was added to the dev.to clone.
In this update, a tags store was introduced and the tags were connected to the API. The project consistently follows a pattern where an API service handles all HTTP calls and a store service manages the state for that particular domain.
Listings were also built following the same approach. This marked the first time *rxLet was used. It simplifies working with Observables in templates — a big improvement over the traditional *ngIf with the async pipe. The directive provides four distinct states for an observable: suspense, error, complete, and next. This allows you to handle loading and error scenarios explicitly, which is a notable weakness of the async pipe when dealing with API responses. You can explore the documentation here.
One interesting piece of work was a reusable component that, when given a tag, fetches and displays the top articles from that tag over the last three days. You can see the implementation in this commit.
Here is the current state of the homepage:
The article details page is next on the agenda for the upcoming week.
Questions
Issue
The tag store and article store share a lot of logic — could they be consolidated into one? Likewise, the listings HTML and article-tag HTML look quite similar. I'm uncertain about the best way to approach this refactoring.
Commits for this update
Community contributions
Chellappan has also offered to help out. He will submit a detailed feature request outlining what he intends to work on — we are waiting for that to come through.
If you are interested in contributing as well, there are several open issues available. Anyone can pick up an issue, but for new features, a detailed proposal must be raised and approved before any work begins.
Sunny has also submitted his first PR to the project. A big thank you to Sunny for that.