Hi everyone.
I created a basic Vue project. It fetches pulls requests and issues of the current week from dev.to' GitHub repository.
Website Here: https://aligoren.github.io/dev-recap/
GitHub Repo Here: https://github.com/aligoren/dev-recap
I know, it really looks bad. Because I just spent only 10 minutes. So, I didn't have time to think about UI. Now, what should I do to more beautify it?
What is your advice?
Top comments (10)
Nice job! This definitely comes in handy.
I did a very brief restyle to match the original dev.to design.
container-fluid
with the regular container for better readability. This may be against the idea of a "dashboard", but I personally think that it's way easier to read through this way.h2
Yeah. It looks amazing. <3 Thanks. If you have some information about Vue, you can open PR or I can do.
Thanks a lot :)
Sure thing, I can come up with a PR later today!
Thanks :)
The PR should be out now. I've added a simple background to code blocks as suggested below, but that lacks syntax highlighting.
I merged it. But there should be a joke. I'm getting "Page not found"
github.com/aligoren/dev-recap/tree...
But files under the gh-pages branch looks normal.
Update:
I pushed again. It works now :)
It seems to also show Pull Requests in the Issues column. This might explain why, from the Github API docs:
Note: GitHub's REST API v3 considers every pull request an issue, but not every issue is a pull request. For this reason, "Issues" endpoints may return both issues and pull requests in the response. You can identify pull requests by the pull_request key.
Be aware that the id of a pull request returned from "Issues" endpoints will be an issue id. To find out the pull request id, use the "List pull requests" endpoint.
It doesn't look bad at all! It's not a lifestyle-blog, it's a dev-tool.
Right now the left row is empty, which makes it look a bit broken. You could add a light-gray message like "no pull-requests pending" or something.
You could also add a bg-color to the code-snippets, to make them more discernable.
Thanks :) I'll add a simple syntax highlighter. This could be good.
I see my previous comment has been added already š
Added check for issues to see if they are pull requests #1
Github api provides pull requests even though it's the issue endpoint. Pull requests can be identified by the existence of the property "pull_request"
Another suggestion would be to add author info, there is user info (name, avatar, profile link, ...) available in the API response.