custom-tab

💫 Devlog #3 – Bringing My Space Dashboard to LifeToday I transformed my APOD website from a simple demo into a polished space experience. 🚀 I designed a two-column layout with the NASA image/video on the left and the title, date, and explanation on the right for a clean, readable interface. ✨ To create a futuristic feel, I added a dark blue-purple space gradient and a glowing glassmorphism card that makes the APOD appear to float in space. 🌌 I also made the explanation panel scrollable so long NASA descriptions stay easy to read. 📖 To match the “Give Your Website a Pulse” theme, I built an animated CSS pulse bar with a glowing green ECG effect that adds subtle life to the page. 💚 Next, I’ll improve the user experience with better loading and error states before deploying the project on GitHub Pages. 🌍

📡 Devlog #2 – First Contact with the NASA APOD API 🚀🌌

Today was the day my website finally reached out to space! 🌍➡️🛰️ I replaced the default Vite page with a clean layout featuring a media section on the left and the APOD title, date, and explanation on the right. ✨ Using fetch() and my VITE_NASA_API_KEY, I connected to NASA’s Astronomy Picture of the Day API and displayed either a stunning 🖼️ image or an 🎥 video based on the response. I also added a 📅 date picker and a “Fetch APOD” button so I can travel back in time and explore older space discoveries, while limiting the maximum date to today to prevent invalid requests. Seeing real NASA content appear inside my own website for the first time felt like making first contact with the universe. 🌠💙 Next up: transforming it into a polished, futuristic space dashboard. 🚀

🚀 H1 – Giving My Website a PulseToday I launched my “Give Your Website a Pulse” project using Vite and confirmed it runs at localhost:5173. ⚡This local server lets me connect APIs without CORS issues. 🌐I got a free NASA APOD API key and stored it safely in a .env file. 🔑I also added .env to .gitignore to keep the key off GitHub. 🔒Even for a free API, I wanted to follow professional security practices. 💡Next, I’ll build a clean UI to display NASA’s daily title, date, image/video, and explanation. 🚀🌌