Finishing What I Started: My GitHub Finish‑Up‑A‑Thon Challenge Submission
This is a submission for the GitHub Finish‑Up‑A‑Thon Challenge.
What I Built
For this challenge, I decided to revive a creative coding project that had been sitting unfinished in my CodePen drafts: a 3D Diamond Octagonal Spaceship, built using HTML, CSS, and JavaScript. The idea started as a fun experiment in geometric animation and 3D transforms, but like many side projects, it stalled right after the “cool prototype” phase.
The Finish‑Up‑A‑Thon gave me the push I needed to polish it into a complete, interactive visual experience. I refined the structure, optimized the animation logic, and added the final touches that make the spaceship feel alive and dimensional.
Demo
You can view the live project here:
👉 https://codepen.io/editor/Dancodepen-io/pen/019cc3f4-d07d-709c-bd12-cba2c0bfdf19
The demo showcases:
A rotating 3D octagonal diamond‑style spaceship
Smooth CSS‑driven transformations
A clean, minimal interface for focusing on the animation
A fully editable CodePen environment for anyone who wants to remix or explore the code
This project is best viewed on desktop for the full 3D effect.
The Comeback Story
Before this challenge, the spaceship animation existed only as a rough draft: a few shapes, some transforms, and a lot of “I’ll finish this later.” The structure worked, but the details weren’t there — no polish, no responsiveness, no sense of completion.
During the challenge, I focused on:
Refining the 3D geometry
I rebuilt the octagonal structure so the diamond shape felt more symmetrical and visually balanced.
Smoothing the animation
I improved the rotation timing, added easing, and reduced jitter for a more fluid motion.
Cleaning up the code
I reorganized the CSS, removed redundant transforms, and made the JavaScript easier to follow.
Preparing it for sharing
I added comments, improved naming, and made the CodePen version clean and ready for others to explore.
What was once a half‑finished experiment is now a polished visual piece I’m proud to showcase.
My Experience with GitHub Copilot
Even though this project lived on CodePen, GitHub Copilot still played a huge role in helping me finish it. I used Copilot locally while refining the structure and experimenting with different animation patterns. It helped me:
Generate cleaner CSS for complex 3D transforms
Suggest alternative animation timings and easing curves
Simplify JavaScript logic for rotation and rendering
Speed up repetitive styling tasks
Copilot didn’t just accelerate the process — it made the creative exploration more fun.
Thanks to the GitHub Finish‑Up‑A‑Thon Challenge for motivating me to bring this project across the finish line. If you’ve got a half‑finished creative idea sitting in your drafts, consider this your sign to bring it back to life.
Top comments (0)