astrawatch - Stardance

@dodge1 returned your project · about 2 hours ago

This needs changes before we can consider it shipped. Review the Shipwright feedback, make updates, then ship again.

Feedback

hi, cool project!!
unfortunately, we are unable to accept your project at this time because your project has the following issue(s):
- the readme is written with assistance from ai tools. this is prohibited and you need to rewrite it yourself.
- the project is comprised of over 30% ai code; this means you can either add more features yourself until your code makes up a majority or, rewrite existing ai code

Shipwright walkthrough

Ship #1 Changes requested

@Ahad_Ghanchi on astrawatch · about 2 hours ago

Building AstraWatch involved engineering a feature-rich, high-performance space telemetry dashboard using Vite, HTML, and Vanilla JavaScript, complete with live-updating digital clocks, custom Google search capabilities, modular DOM binding, and glassmorphism UI widgets that deliver a modern command-center aesthetic. The technical hurdles encountered along the way included orchestrating complex asynchronous NASA APOD API fetch pipelines to gracefully handle varying media types—ranging from standard images to direct video files and embedded YouTube players—while also troubleshooting local Git version control workflows, fixing branch synchronization errors, and resolving merge conflicts between local files and remote GitHub repositories. What stands out as the ultimate point of pride is the meticulous execution of advanced CSS design patterns, combining Google Fonts with intricate pseudo-element polygon clip-paths to create custom, striking geometric side decorations that elevate the visual presentation. For anyone looking to test or run the project locally, they should know that they need to clone the repository, install the required packages using npm, supply their own API key inside a secure local environment variable file, and launch the Vite development server to fully experience the interactive date picker and explore historical astronomy records.

Try project → See source code →

Open comments for this post

@Ahad_Ghanchi on astrawatch · about 2 hours ago

2h 18m 13s logged

The development process involved setting up a modular Vite environment where local JavaScript files seamlessly bound to the DOM elements, managing asynchronous API calls to fetch JSON telemetry payloads from NASA while gracefully handling fallback states when media types varied between static images and dynamic videos. Special attention was dedicated to optimizing the user interface responsiveness, ensuring that the glassmorphism widgets, custom typography, and complex CSS layout properties rendered correctly across different viewports.Navigating the version control lifecycle further required initializing local Git repositories, configuring robust ignore rules to safeguard sensitive API keys and heavy dependency folders, and resolving remote merge conflicts during GitHub synchronization. Through careful branch management, commit organization, and final pushing, the complete frontend application was successfully archived and shared publicly, marking the culmination of an immersive coding and design journey.