2h 32m 49s logged

Hello, World!

This is the first Devlog of my project, Perfect-Start. The goal of this project is to serve as the perfect (in terms of customization, flexibility, and performance) start screen of a browser, with the hopes of enhancing your browsing session!

First things first, I wanted to point out the fact that while making this project, I am STILL learning the basics of React (which is also what this website is made with), so forgive me for the horrible, unoptimized, and unclean code, and please bear with me.

I wanted to start the project out with;

A greeting (that I plan to make fully customizable)
The greeting was the easiest, and also the most straight-forward to style! I plan on making the text and the overall accent color (of the whole page) to be customizable and set to whatever the user wants it to be.
A live-clock, alongside the timezone
Live-clock was kind of tricky for me to figure out, as it used React’s useEffect hook that didn’t really settle inside my brain the first time, so I had to look up some code online as an anchor/reference and went from there. The timezone was easy enough though, and it was also pretty simple to style.
A (google) search bar
This specific component I don’t know why took me too long to figure out. Should’ve paid more attention to HTML Forms I guess xD, this was also somewhat tricky to style but honestly I just messed around with the pixels. I also plan to change A LOT for the search bar. I don’t like how it shows previous search history (if that’s what it’s called) and how it lights up and stuff. I’ll probably change that next update!

For future updates, I plan on adding;

Shortcuts Button
Actual customization/settings button
Turning each components into a widget
Weathers is planned, but not 100% sure if I want that on there
Add more widgets.. I guess
Make the page Web Responsive (to fit device screens)

I am (somewhat) proud of its current state. Despite all the hassle I went through with styling the website (CSS is the bane of my existence), and having to adapt and learn a whole new Framework, I’d say this is a pretty good result!

If I’m going to be honest, I’m really nervous about posting these type of devlogs because of the amount of interesting and cool projects here, plus I was never one to ever “publish” my own projects, but thanks to Hack Club, I’ve taken a step into (hopefully) becoming a better developer and publishing my projects to the world!