DEV Community

loading...

Finally published my personal portfolio/blog

cishiv profile image Shivan Moodley ・1 min read

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)

pic
Editor guide
Collapse
valentinprgnd profile image
Valentin Prugnaud 🦊 (he / him) • Edited

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
furrer_webdev profile image
Ryan Furrer • Edited

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
furrer_webdev profile image
Ryan Furrer

That’s what I figured. It thought you’d 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?