CSS and JavaScript: After completing the HTML structure, I focused on styling AayatOS with CSS and adding interactivity using JavaScript. I chose a soft pastel colour palette and added hover effects, smooth scrolling, and subtle animations to create a clean and modern interface. For the quote generator, I included a collection of inspirational quotes from Haikyuu!!, Demon Slayer, and two of my favourite authors, Franz Kafka and Fyodor Dostoevsky, making the project feel more personal.
This stage also involved a lot of debugging. I encountered CSS properties that didn’t apply correctly, JavaScript syntax errors, and a few GitHub Pages deployment issues while publishing the website. Solving these challenges helped me better understand front-end development and how Git and GitHub work together for version control and deployment.