AI Ethics for Beginners

🧠 Devlog #2 — Overcoming Technical Hurdles & Mastering the Workflow🛠️ The Hidden Challenge: Configuring the EnvironmentIn my previous Devlog, I mentioned my readiness to integrate tracking tools into my workflow. However, reality always has a way of testing a developer’s persistence! Today, I faced my first real DevOps/configuration challenge while trying to connect VS Code with the Hackatime servers.Instead of the smooth automatic setup, the configuration stalled, and I was met with frozen extension prompts. For a moment, it felt overwhelming, but this project is all about problem-solving.🔧 Going Under the Hood (Manual Configuration)Instead of giving up, I decided to go deeper into the environment settings:I bypassed the frozen UI and manually accessed the hidden configurations using Ctrl + Shift + P to open the .wakatime.cfg file.I successfully updated the configuration manually, embedding my unique API key and directing the API URL straight to the Hack Club server (https://hackatime.hackclub.com/api/v1).During this setup, I also successfully integrated GitHub authentication within VS Code, creating a secure loop for my code sync and backup.⏳ Understanding the Logic of the Arcade DashboardAfter fixing the configuration, I noticed the Arcade dashboard still showed 0 Total hours. I learned an important lesson about how developer platforms work: the system requires a minimum of 15 minutes of continuous, active coding to send the first stable “heartbeat” and unlock the devlog link.This taught me that persistence is key, and instead of staring at a static counter, I needed to focus on what matters most—writing code!✨ Reflection: The Mindset of a DeveloperIf Version 1.0 of AI Ethics for Beginners taught me how to write HTML/CSS, today’s challenge taught me how to think like a real engineer. Debugging connection issues, modifying config files, and understanding data syncing are crucial parts of the real-world development workflow.Every error is just a lesson in disguise, and I am now more confident than ever as I continue building this project! 🚀

🧠 Devlog #1 — The Beginning of AI Ethics for Beginners
🌱 The Start: First Steps as a Beginner
When I first started this project, I felt both excited and overwhelmed. The idea of building a complete educational website about AI Ethics was inspiring, but also challenging for someone still early in their coding journey.
The challenge wasn’t just writing code—it was understanding how to turn a complex topic like “AI Ethics” into a simple, interactive, and beginner-friendly experience.
HTML felt relatively easy to start with, while CSS required more trial and error to achieve a clean and structured design. JavaScript was the most challenging part, especially when implementing interactive features like Dark Mode and the AI Quiz.
🧩 The Biggest Development Challenge: Responsiveness
My biggest challenge was making the website fully responsive across different devices.
At first, some elements overlapped and the layout broke on mobile screens. This pushed me to rethink the structure of my design and experiment with Flexbox and Grid multiple times.
Over time, I learned that good development is not only about writing code, but also about planning layouts and thinking in a structured way before implementation.
Seeing the website finally adapt smoothly to both mobile and desktop screens felt like a real breakthrough moment for me.
🧭 Hackatime & First-Time Workflow Experience
I want to mention that I did not track my development hours on Hackatime during the first two weeks of this project.
As a beginner, this was my first time working with a structured time-tracking system, and my main focus was fully understanding the codebase and completing Version 1.0 in a stable and functional state.
Because of this, I prioritized building the project first before integrating workflow tools like Hackatime. Now that the foundation is complete, I am ready to gradually integrate better tracking and organization into future updates.
🔄 Linking Version 1.0 to Future Development
Version 1.0 represents the foundation of this project—focused on structure, clarity, and core functionality.
Moving forward, I plan to evolve it into a more interactive and refined experience by improving the UI, expanding content, and adding more dynamic features.
This project has taught me that development is an iterative process, where progress happens step by step rather than all at once.
✨ Reflection
Writing my first Devlog has been an important milestone in my learning journey.
I’ve learned that programming is not just about writing clean code—it’s about problem-solving, persistence, and continuous improvement.
More importantly, this project helped me shift my mindset. I now see myself not just as a beginner, but as an aspiring developer actively building real and meaningful projects. 🚀