DEV Community

Cover image for 🚀 From Vanilla JS to Vite: Shipping Two 4IR Sites
Xion Apex Academy
Xion Apex Academy

Posted on

🚀 From Vanilla JS to Vite: Shipping Two 4IR Sites

Hey devs—Creator X here!

Weeks of caffeine, console errors, and “why-won’t-this-build” moments later… I finally shipped two brand new sites.

It’s been a wild ride—jumping from a plain HTML/CSS/JavaScript background into the Vite ecosystem.

Equal parts magic and rage.

But hey—if I can wrestle it into working, so can you.


🔍 Quick Recap

Site Purpose Link
4IR Quest Career assessment + learning path generator bit.ly/4irquest
Gamified 4IR Quest Post-purchase hub: kits, sprints, GitHub, Discord bit.ly/4IRgamified

🛠️ Stack & Pain Points

  • Frontend: Vanilla HTML/CSS/JS → Vite (because hot reload is life)
  • Hosting: Netlify (push-to-deploy is chef’s kiss)
  • State: None yet—backend coming once I stop talking to localhost:5173
  • Learning curve: Thanks to YouTube, docs, friends, and a bit of AI magic, I made it.
  • Vite verdict: Frustrating? Absolutely. Worth it? Hell yeah.

🎮 What You Can Try Today (Free)

  • Career Assessment – 30-second quiz that gives you a tailored 4IR roadmap
  • Project Labs – free starter projects to tes out
  • Quest Tracker – Notion board + Discord sprints to keep you moving

🗺️ Roadmap

âś… Static sites shipped

🔄 Backend (auth + progress saving)

🎮 Revive my Black Market Protocol game → release on itch.io

📝 Weekly dev-log posts to share progress, issues, and tips for beginners


🤝 Call for Feedback

UI bugs? Copy too wordy? Want a specific kit topic?

Drop a comment, send me a DM, or roast me in the GitHub issues.

And if you’re working on something cool—send it my way. Please send it through its always amamzing to see what new projects people are working on.


đź’ˇ Final Thought:

Learning new tools is messy. You’ll break things. You’ll yell at the screen. You’ll question your life choices.

But somewhere between the frustration and the “aha” moments—you’ll ship something you’re proud of.

So keep building, keep breaking, keep learning.

Creator X out—time to chase down my next “undefined is not a function.”

Top comments (0)