My very own blog website (The Active Record)!! banner

My very own blog website (The Active Record)!!

Created by: shreeyans.vichare
4 devlogs
20h 11m 14s

This is a space where I can write and publish my own blogs.
I really like writing about Tech, Literature, Research and my thoughts in general, so I figured why not make a dedicated space where I can store it for everyone to see!
This provides me with a platform to express my thoughts and research, with a completely personalised experience with the UI having been built from the ground-up!
Hope you will have as much fun with the blogging site as I had coding it!

Demo Repository

README

Loading README...
shreeyans.vichare
shreeyans.vichare shipped My very own blog website (The Active Record)!!
16 days ago

Shipped this project!

Hours: 20.19
Cookies: 🍪 106
Multiplier: 5.25 cookies/hr

I made a personal blog website.
The Active Record is something I’ve worked on for a long time.
It provides an extremely personalized, and tailored UI that I just couldn’t find on traditional website makers. Shoutout to React, this library really is very helpful and beginner friendly.
I had fun working on the design from the ground-up,
The posts are rendered by parsing the markdown files for things such as categories, featured posts etc. And after uploading the blog as a Markdown file, it dynamically adjusts the UI and adds it at the desired location with the desired route.
I really gained an appreciation for functional programming and how I don’t have to make completely seperate instances of things just to fit one test case.
Overall it was a really fun experience and I hope everyone enjoys it!!

shreeyans.vichare
shreeyans.vichare worked on My very own blog website (The Active Record)!!
16 days ago
3h 19m logged

I finally finished the Project!
It took a lot of time to perfect, added dark mode and I really like how it turned out!
The progress bar feels smooth while reading a post! Can’t wait to put more cotent and perhaps in the future, my own merch store (as teased on the website)
Managed to make the categories section a little more interactive, added social links for contacting and tons and tons of tiny details that had to be worked out but I am super proud of it.
Hope you’ll enjoy reading my blogs as much as I’ll enjoy writing them

(P.S. I am still unable to upload a video in the devlog, to checkout the implementation please visit the demo link, though I have tried my best with GIFs but they don’t fully convey the UI,thank you!!)

Attachment
Attachment
Attachment
1

Comments

shahaarav2806
shahaarav2806 16 days ago

Great Work Bro

shreeyans.vichare
shreeyans.vichare worked on My very own blog website (The Active Record)!!
16 days ago
6h 13m logged

So I have completed the page for individual posts, and specific categories of post.
The design is kept consistent throughout the entire website to give it a better feel.
The Specific category page conditionally renders by parsing through the md files so I don’t have to manually add anything while uploading blogs. I also ended up writing a blog which was a fun break!
I really feel good about how this project is coming along and now all I have left to implement is the Light Mode/Dark Mode switching and the ability to contact me and like individual posts!
(P.S. I am having an issue uploading videos in devlogs, so if you want to see how the final page looks like please check the demo link)

Attachment
Attachment
Attachment
0
shreeyans.vichare
shreeyans.vichare worked on My very own blog website (The Active Record)!!
16 days ago
10h 38m logged

Perfecting the landing page is taking longer than I expected! But I am all for the customizability, that’s the fun part about making a blog website on your own, the possibilities are endless. While there aren’t any insane animations/transitions, I have done my best to make the website feel interactive and lively.
A lot of useful implementation was added in the duration of this session. The blog posts read from MarkDown files instead of JSON. The data and cotent and extracted using the React Markdown and gray matter pacakge. Powerful yet subtle animations have been added using the Framer Motion Library and GSAP.
I’m really proud of how this page is turning out to be and hope to keep adding features as I keep adding blog posts.
What’s left for now is the page for specific categories, adopting a mobile friendly design and light mode/dark mode integration.
Thanks for reading!

Attachment
Attachment
0