After a few iterations and trying to strive for the 'perfect' blog and personal portfolio, I finally caved and have published my site for the world to see.
You can find it here
And as a bonus, I quickly added in a dark mode toggle using the use-dark-mode hook.
Things I want to improve on:
- a11y : I haven't given any thought to accessibility yet, and it's the first on my list of things to tackle
- responsiveness and device consistency : I have only tested on my mobile device and laptop. So i'm not exactly sure how good this looks on other resolutions and devices
- posts : currently I load posts into a Firebase real-time database via a manual JSON payload upload. I want to automate this process.
- colors: color is subjective, so even though I like then color scheme, everyone else may not feel the same!
Any feedback is appreciated, I plan to post canonically on my personal site then cross-post to DEV!
Top comments (12)
Nice! The links in dark mode are a bit tough to read, I think boosting the contrast in dark mode can help (it will improve a11y score as well)
Noted. Thank you 😊
There's something funky with the external links on your homepage, however, this only happens when returning to the homepage from your Blog or Projects page. The problem is fixed upon clicking one of the navlinks, here's a screeenshot: thepracticaldev.s3.amazonaws.com/i...
EDIT: Congrats on launching your portfolio!
Thank you! I'll take a look at this tomorrow. Likely some rendering weirdness
That’s what I figured. It thought you’d want to know :)
The best feedback loop is always a user 😂 thank again
for creating in blog website main part to choose best text editor so user can write best blog
can i know which text edtior you are using
I usually just use vscode. My blog posts are written in markdown. That's the format I store them in as well.
so in markdown how can we upload image it's plugin or u create some custom thing ?
so I the markdown I used is plain text, for images I used something like this
where
image-linkis usually the link to the image hosted on some CDN.None of the media assets in the blog posts are hosted with the actual blog
Maybe add a pretty Google Font for the headline :)
Will consider it! Any fonts you recommend?