Welcome to Rob's Blogs
Made by Rob Klassen for Juno College of Technology, Project 3
On the Nav Bar to the right you'll find a list of all the Blogs people have created
The Return to Main button will bring you back here, but there's really nothing interesting to see on this page...
What you probably want is to View a Random Blog to see what chaos people have created or plagued my poor website with
And if you want to add to the chaos, I would encourage you to Create A New Blog, be as goofy as you'd like
You're also able to delete individual posts, or entire blogs! Though where's the fun in that?
How it works:
This app was built in React, it makes extensive use of components, useState, useEffect, and specifically is meant to showcase accessing an external database. For this project I'm using Firebase as my external database storage, and making use of ref, onValue (listening for changes), remove, and push.
Ternaries read states to navigate and render appropriate components, and there's a focus on re-using those components through efficient use of props. Everything is extremely modular.
There's also some error handling to catch edge cases that can lead to problems, some more obvious examples: because the blog post titles are being used as a reference in the data structuring, and Firebase doesn't like using symbols for its node names, I had to disallow special characters in blog titles. Likewise, newline characters are tricky to map (though ARE preserved through firebase), so I implemented a method to split text around newline characters and map the results to preserve "paragraphs" within a post. I also built a way to specifically show that a blog has been deleted without rendering an unnessary component.
Future Improvements to look out for:
It's currently styled using classic CSS3, though at some point I plan on converting it to SCSS.
I also plan on re-styling the whole website at some point to visually match my portfolio branding; while I consider myself good at styling, I have not yet had the time to design this website.
I also plan on improving the responsiveness and accessability, while this particular project isn't designed to showcase those skills specifically, they're of course very important to me, personally, and once I have the time to concentrate on that specifically I will implement it.
Please visit my website,
