This content originally appeared on DEV Community and was authored by JackTT
Daily.dev is a very good extension that helps us aggregate news from several sources.
When browsing news, I usually scan the Title -> Thumbnail -> Description. However, the current view of Daily.dev has only Title and Thumbnail in Grid view and only Title in Listing view. This requires me to click on an article to read more in a popup, which consumes more reading time.
Fortunately, Daily.dev is open source, so we can submit feature requests or even customize the design to suit our needs.
In this case, I have submitted a feature request on the dailydev/apps repository and also implemented a new design that can serve my needs. You can review my pull request here: pull/2060.
They have mentioned that they need to pass this request to the Design team before reviewing my merge request or implementing a new UI.
In the meantime, you can pull my request, build it, and install it locally using these easy steps:
Step 1: Clone my code
git clone --branch feat/show-more-metadata git@github.com:huantt/daily-dot-dev-apps.git
Step 2: Build
pnpm install
cd packages/extension
pnpm run build:chrome
The output will be located at packages/extension/dist/chrome.
Step 3: Install
- Open Chrome.
- Click the Extension button > Manage Extensions. Alternatively, you can enter the following URL directly: chrome://extensions.
- Enable
Developer Mode.
- Click on
Load unpacked.
- Point to
packages/extension/dist/chrome.
Open a new tab, and you will see that all articles in Grid view or Listing View now have a Title, Description, and Thumbnail.
I hope that it's helpful for you, and I also hope that Daily.dev releases a new UI soon.
huantt
/
daily-dot-dev-apps
daily.dev application suite
daily.dev App Suite
Everything you see on daily.dev 👀
This monorepo contains daily.dev's application suite. The repo includes the web app and the extension, along with shared components for the two The decision was made to allow faster iterations and to keep features parity in both platforms.
Technology
- Node v18.16.0 (a
.nvmrcis presented for nvm users). - pnpm for managing the monorepo and dependencies.
Projects
eslint-config
Shared ESLint settings for all the projects in this repo.
extension
The browser extension project. Includes webpack configuration for browser extensions and the dedicated components just for the extension.
prettier-config
Shared Prettier settings for all the projects in this repo.
shared
The main project contains most of the components used in the applications. Every component that needs to be used on both platforms should be placed in this project. This includes the design system components, custom hooks, and many more.
webapp
The web app…
This content originally appeared on DEV Community and was authored by JackTT
JackTT | Sciencx (2024-07-09T01:40:11+00:00) Showing more Article info on Daily.dev. Retrieved from https://www.scien.cx/2024/07/09/showing-more-article-info-on-daily-dev-2/
Please log in to upload a file.
There are no updates yet.
Click the Upload button above to add an update.