Share your feedback to shape these updates.
The codebase is available on GitHub: https://github.com/ajitsinghkaler/devto-clone
A live build is hosted on Firebase: https://dev-toclone.firebaseapp.com/
The previous cycle introduced the basic article details view.
During this week, the focus shifted to enriching the article details with user information and a reaction panel. Because the actual dev.to platform lacks a public API for posting reactions, this particular component is currently only display-only.
A significant milestone came from the community: Chellappan contributed the listings page, marking the first outside contribution to the project. I’m grateful for this assistance.
That contribution brought in the masonry layout, and I’ll follow up with a detailed explanation of how that layout was achieved.
On my own end, I added a global component store dedicated to user details within the article-details component. The page layout proved to be quite a challenge; my grid-template-columns settings were ignored, and after extensive debugging, it became clear that the article content itself was the culprit. The images or code blocks were expanding beyond their container. The solution was straightforward: setting images to width: 100% fixed the overflow problem. Here’s the current visual state of things.
Priorities for the coming week are polishing the article details styling and kicking off work on the comments section.
Challenge
- The article feature is becoming a source of friction. Managing multiple separate stores for article data feels inefficient.
- I’m planning to migrate the project to Nx. Given its reputation, this will be a good opportunity for a first real-world Nx implementation.
List of Commits
All changes are on the article-detail branch.
This batch significantly expands the project’s scope. With the basic application coming together, the next major step will be to optimize it further by integrating Nx and Tailwind.