You Won’t Believe How I Built My First Startup with Vue.js (Without Knowing This)
Hey There to Day 2 of My $0 to $1M Challenge! — ICT_SMART_START.
Today I Make My First Startup in my $0 to $1M Challenge.. As My First Startup I Make A Simple (Not Too Much Simple) SaaS I built to help students learn ICT
It all started when my ICT teacher asked us to create a website for a practical assignment. My friends and I thought, “Sure, we can do that!” But when I got home, I started asking myself:
- What I Made ?
- How I Made
- What tech stacks should I use?
- And most importantly — how can I do this with a $0 budget?
That night, as I was reflecting on these questions, I remembered something important. Many of my friends struggled with ICT lessons because they didn’t have access to a computer for practicing HTML, CSS, Python, PHP, and MySQL. So, I had a spark of inspiration: what if I built a platform that allowed students to practice programming right from their phones?
The Birth of an Idea 💡
The next morning, I dove into researching the tools and tech stacks I could use. While browsing YouTube, I stumbled across a video titled “Let’s Make a Web App, Mobile App, and Chrome Extension Using One Framework.” Intrigued, I clicked and watched.
After a bit of research, I discovered Vue.js. According to Google, “Vue.js is an open-source model–view–viewmodel front-end JavaScript framework for building user interfaces.” It sounded perfect for my project! So, I dove into the Vue.js documentation, set up my environment on my Linux machine, and started building.
Building the Platform 🚀
Some features I added included:
- Live HTML & CSS Previewer: So students could practice and see results instantly.
- Logic Gates Simulator: I found a Git repo and integrated a cool tool for simulating logic gates.
- Text to SQL Converter & Binary Converter: To help with more advanced topics.
- Challenge.py: A fun little coding challenge feature for Python learners.
- AI-Powered Learning Tool: Though it’s basic, it adds some fun to the learning process.
- Past Papers: So students can easily download ICT exam papers.
The Technical Setup 💻
The big question: Where do I host this, and how can I do it for free? After some research (and even asking AI), I found Firebase. Its free plan allows hosting and authentication, perfect for my $0 budget. I pushed my code to a private GitHub repo, set up CI/CD using GitHub Actions, and deployed it on Firebase. The site is still live on the preview domain Firebase provides!
The Result 🎉
Although my teacher never asked for the website, I shared it with my friends. They loved it and started using it to practice ICT. This was a small but exciting win in my $0 to $1M challenge!
You can check out my project: ICT_SMART_START.
