DEV Community

Shivan Moodley
Shivan Moodley

Posted on

Finally published my personal portfolio/blog

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.

GIF should dark mode toggle

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!

Discussion (12)

Collapse
valentinprgnd profile image
Valentin Prugnaud (he / him) • Edited on

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)

Collapse
cishiv profile image
Shivan Moodley Author

Noted. Thank you

Collapse
theryanfurrer profile image
Ryan Furrer • Edited on

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!

Collapse
cishiv profile image
Shivan Moodley Author

Thank you! I'll take a look at this tomorrow. Likely some rendering weirdness

Collapse
theryanfurrer profile image
Ryan Furrer

Thats what I figured. It thought youd want to know :)

Thread Thread
cishiv profile image
Shivan Moodley Author

The best feedback loop is always a user thank again

Collapse
kamleshpaul profile image
Kamlesh Paul

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

Collapse
cishiv profile image
Shivan Moodley Author

I usually just use vscode. My blog posts are written in markdown. That's the format I store them in as well.

Collapse
kamleshpaul profile image
Kamlesh Paul

so in markdown how can we upload image it's plugin or u create some custom thing ?

Thread Thread
cishiv profile image
Shivan Moodley Author

so I the markdown I used is plain text, for images I used something like this

![alt-text][image-link]

where image-link is 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

Collapse
mpuckett profile image
Michael Puckett

Maybe add a pretty Google Font for the headline :)

Collapse
cishiv profile image
Shivan Moodley Author

Will consider it! Any fonts you recommend?