I stumbled onto this whole world of web development and felt like a fish out of water. I mean, HTML and CSS were not exactly my forte, and here I was trying to create a digital space for myself. So, the first thing I did was hit up Google and find some resources.
Me: Alright, so HTML and CSS… where do I even start?
Google: Enter Astro Framework.
Tools of the Trade
I dove into the deep end, learning about different tools along the way. Here’s a snapshot of the journey:
| Tool | Description | Where to find |
|---|---|---|
| CMD | Found solace in the Windows terminal. Personalizing it was a must, so Oh My Zsh came to the rescue. | ohMyZshell |
| VSCode | For reading and understanding code, it had to be Microsoft’s VS Code. The customization options are a coder’s dream. | VSCode |
| Git | Git for version control, because tracking changes is crucial. | What is Git |
| GitHub | GitHub was my go-to for sharing and uploading my repository. | github |
| YouTube | A surprising teacher. Goodbye funny dog videos, hello tutorials. | YouTube |
| Notion | Keeping ideas alive with Notion, a digital haven for scattered thoughts. | Notion |
| Astro | The star of the show, Astro Framework. The go-to for Content-Driven Websites. Read the documentation for the full scoop. | AstroDocs |
| Cloudflare | For giving my site a home on the internet. | CloudFare |
The Birth of “Roger’s Place”
Me: So, why “Roger’s Place”? Well, I had this problem—good with data but nowhere to showcase it. Privacy matters, you know?
Brain: Enter the concept of a digital portfolio. Lightbulb!
Me: “Roger’s Place” it is! A space to flaunt my data skills without compromising a thing.
The Astro Learning Curve
Me: Now, let’s talk about Astro. I’m no web dev expert, so starting from scratch seemed like a daunting task. Astro made life easier by offering templates. Adjusting a template to fit my needs? Bingo!
Friend: Ah yes, the template lifeline. Always a savior.
Trial, Error, and Template Tango
Me: So, let me tell you about my dance with templates. The first attempt? Oh boy, it was a disaster. I got trigger-happy and duplicated the repository at the root. Chaos ensued.
Friend: Duplicate frenzy? Classic move. Been there, done that.
Me: Attempt number two? Well, I decided to play with Tailwind settings without consulting the sacred scrolls (aka documentation). Bad move. Everything looked like a neon disco party.
Windows Terminal: still looking ugly, now with neon lights
The Third Time’s the Charm
Me: But hey, third time’s a charm, right? I finally managed to clone the repository without creating a digital mess. Dependencies were set straight, and I learned the importance of reading before tinkering.
Astro: nodding in approval
The Update Odyssey
Me: Now, updating dependencies. Ah, the Odyssey of every developer. I spent quality time ensuring everything was up to date before deploying. No one wants outdated packages crashing the party.
Reader: Smart move. Updates are the unsung heroes.
The Final Countdown
Me: With the dependencies sorted, it was time to run the tests. Everything checked out, and the upload to Cloudflare was surprisingly smooth.
Cloudflare: welcoming the site with open arms
Me: So, here we are, ready to post and share. No more messing around, just pure content creation from now on.
Reader: Cheers to that! What’s next on “Roger’s Place”?
Post, Post, and More Posts
Me: Ah, the beauty of a fresh site ready for a content onslaught. I’m geared up to post as much as possible, sharing my journey, my learnings, and maybe a bit of the chaos in between.
Astro: standing by, ready for action
Me: This isn’t just a portfolio; it’s a living, breathing space where ideas and experiences will find a home, I am just planning to let my brain flow here.
The Never-ending Conversation
Me: So, my friend, that’s the story so far. A journey of trial, error, and a touch of neon chaos. Now, it’s all about the posts.