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!

Top comments (12)

Collapse
 
valentinprgnd profile image
Valentin Prugnaud 🦊 • 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

Noted. Thank you 😊

Collapse
 
ryandotfurrer 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

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

Collapse
 
ryandotfurrer profile image
Ryan Furrer

That’s what I figured. It thought you’d want to know :)

Thread Thread
 
cishiv profile image
Shivan Moodley

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

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

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

Will consider it! Any fonts you recommend?