🧠 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. 🚀