webuild-community / federated-blog Goto Github PK

Need prettier and eslint config for making a union code style for all contributors.

For example here, gatsby's emoji are not displaying properly.

Maybe we can select these emojis based on their attributes and apply max-width.

Hello, I am poor. So I use iPhone 5. Please don't make me feel poor 🥲

Currently, there's no code syntax highlighting on the reader page, for example.

Maybe we can use primjs for code highlighting.

Please consider use sanitize article.content.
XSS attacks are possible in here

I was so tired of scrolling down to the bottom to find the first articles. But when I back from the detail page. I do it again. Can we fix it?

Description:

• Few links with newer published dates but's pushed to the end of paging.

Reproduce steps

1. Go to the last page of read.webuild.community, e.g. https://read.webuild.community/page/15
2. Check posts of thuc.space compare with others

Actual result

• Posts of thuc.space is newer published date but it's below of others

Expected result

• Correct order bases on pubDate

More information

• RSS of thuc.space is in https://thuc.space/index.xml that has pubDate with a format "Fri, 23 Jul 2021 19:00:00 +0100", it can be a problem for parsing date

It should highlight the following:

• Project's description
• How to install and run
• How to contribute (Link to CONTRIBUTING.md)

If we want it, show it at the end of the excerpt

https://read.webuild.community/read?url=https%3A%2F%2Fnamtx.github.io%2F2021%2FFlame%2Bgraph%2B-F0-9F-94-A5-F0-9F-93-8A%2F

I cannot access the website on my end.

The page shows an error This serverless function has timed out

Please take a look. Thanks

It would be really nice if we can have a "cover" image whenever we share a post on Facebook, Twitter or Slack. You can argue that user can directly share the original post to support cover image but still...it would be nice if we can generate a cover if it was shared via weblog.

I'm thinking of generating the cover image based on the post (pretty much like Github). A sample image could look like this:

The position of scroll should not be changed after when user open an article and then back to home page again.

List all authors on the system and their RSS feeds

Can we add some css like: object-fit: cover; for image?

https://github.com/thorn0/organize-imports-cli

Create a not found page instead of the default one from NextJS.

It should show the list of the available pages as decribed in the mockup.

Click on the three dot in the middle of the pagination should open a popover textbox, with Go button as well.

If there is only 1 page available, do not show the Previous/Next button, and show the disabled button with number 1 only.

Cannot click on submit button in navigate section of pagination to navigate to desire page.

Create an ARCHITECTURE.MD file that:

• Explain the project structure
• Explain the architect of the project, how the user flow is, how the data goes through the backend and frontend
• Explain how we curate the RSS feeds on index page and how did we show the post's content on read page

In dark mode, cannot see the selected text

Instead of show the host name of the post, we should show the user's avatar and name instead:

This way, we can make it clear about the ownership of the post.

In order to do this, we need to make some enhancement on the RSS feed data we have, currently, it's just a plain list of feed URLs.

const FEEDS = [
  'https://thefullsnack.com/rss',
  'https://zerox-dg.github.io/blog/rss.xml',
  'https://quancam.net/rss',
  'https://learnlingo.co/feed/',
  ...
];

What I'm thinking about the new data structure would be:

const CHANNELS = [
  {
    feedUrl: 'https://thefullsnack.com/rss',
    displayName: 'HuyTD',
    avatarUrl: '...'
  }
]

Upgrade Moai to fix the issue: moaijs/moai#244

Nice to have:

• Linter
• Test

When: Pull request

Why?

Steps to re-produce:

1. Click on "Đọc ngẫu nhiên" (Read randomly) button.
2. Redirect to an article page.
3. Click on "Đọc ngẫu nhiên" (Read randomly) button again.
4. Redirect to an article page.
5. Click on "Quay về trang chủ" (Back to home page) button.

Expected result:

• Back to home page

Actual result:

• Back to previous page

Currently we're using react-lazyload to workaround the need for pagination, this created a much bigger problem where we can't keep the scroll position after going back from read screen.

We should have a proper pagination.

Some blogs have a long line of code. Just make it overflow or break to the new line.

People scan everything before they read them. So users could be hard to identity authors if they have same avatar.

Default state of the input have border radius but the focus state not. The focus state should have border radius too.

Steps to Reproduce

1. Go to https://webuild-blog.vercel.app/read?url=https://learnlingo.co/tu-vung-hom-nay-hands-on-experience/

Steps to Reproduce

1. Go to https://webuild-blog.vercel.app/
2. Scroll down to bottom
3. Click "Load More"

Context (Environment)

• Mac OS BigSur
• Microsoft Edge Version 91.0.864.54 (Official build) (x86_64)

Look like we can clickable to the title to read more. But when hover to the title it still cursor:text

Steps to Reproduce

1. Go to https://webuild-blog.vercel.app/
2. Hover to the title

Post details page should have author info on the top of the page.

We should have the ability to click on the author's name or avatar to list all posts by this author.

Because not all blogs are written in Vietnamese, our site need to support more than one language.

Acceptance criteria:

• Have button to switch language.
• Support at least 2 languages: Vietnamese and English.
• Have translation word list of target languages.

Designation:

• Using i18n lib.
• Global state to manage.

Nice to have:

• Auto detect language of browser and switch to the same language.

I don't know why we have package-lock.json and yarn.lock at the same time. Must be discussed and agreed to use one package manager.

Seems to be the gh-pages.

Example: https://webuild-blog.vercel.app/read?url=https://namtx.github.io/2021/How+to+set+contrast+text+color+for+button-3F/