DEV Community: GSPTeck

My 1$ app idea.

GSPTeck — Fri, 13 Dec 2024 10:06:42 +0000

As programmers, we all love writing code, or at least I hope you do because if you don't, what are you doing here?

Since we love writing code, we need some tool we can write with, which is called an IDE, but you already know that. There are many to choose from; in fact, you could choose IntelliJ, Eclipse, Xcode, Android Studio, NetBeans, fight whether Visual Studio is better than Visual Studio Code, or write with pen and paper for all I care. But you still need to choose a path. Everyone chooses the tool they prefer based on different criteria like what hardware they will be coding on, the OS, what languages and frameworks they will be using, and so on.

What you will never ask yourself is, "What if I could do it on Android?" And yet that is what I asked myself. Before you call me crazy, let me explain.

While thinking up my next million-dollar app idea, I came up with an app. So what is it?

My one-dollar app isn't the app idea I initially came up with; it's the app idea I developed as a consequence of certain events that arose after starting to work on the million-dollar app. While having to travel somewhere, I wanted to work on my million-dollar idea. I have a laptop, but it's huge, the battery doesn't last long, and it weighs a ton. Being a gaming laptop I bought a while back, it wasn’t ideal for travel. A little counter-intuitive to say the least.

A couple of months ago, I purchased a Lenovo M11 tablet to use for productivity purposes, or at least that’s what I like to tell myself to justify my impulse buy. Being that I have this tablet, I thought, "What if I could code from this?"

I already knew there were compiler apps on the Google Play Store, having used some of them before, but I code using the Flutter framework, not Python or C/C++. I did some research and couldn't find an alternative to solve this "problem," which technically was only curiosity to find out if it was possible. I went from looking through running certain software meant for desktop systems on mobile, creating binaries from Android, to using VMs. So much to learn, but nothing I was interested in using.

So, like any delusional programmer, I decided to code a solution myself. I totally abandoned my million-dollar idea and started working on an IDE for Android devices (only tablets, as you would need to be crazier than me to think you can do it on a mobile phone).

This is my progress:

As you may notice, it’s highly inspired by the VSCode layout, simply because I want it to be easy to move from one to the other without having too many differences in functionality.

Before you say, "Hey, how are you going to debug, compile, test...?" or "What about packages and libraries?" or anything like that, I have a solution. I just don't know if it will work 100%, so I'll keep it a secret for the time being.

The idea would be that users can use this as a normal IDE for programming of any kind of programming.

It's a huge goal with much road to cover, in fact it's still a work in progress, nowhere near an MVP, but I am proud of what I have been able to accomplish and I am enjoying learning new things while making this one-dollar app project.

Any feedback is welcome. I will most likely post an update on my progress next week.

Happy coding :)

Metered Billing

GSPTeck — Sat, 26 Nov 2022 12:09:46 +0000

I'm looking for some metered billing providers for my software, but don't know which i should use. What are your suggestions?

I would actually prefer a DIY system so that I don't need to give anybody any commisions, but I wouldn't know how to make that work. Is that even possible?

Flutter posts

GSPTeck — Wed, 10 Feb 2021 10:24:27 +0000

I love the fact that people are posting more about how Flutter is an awsome framework and is a great development tool, but I think there should be more tutorials... I know some stuff, but I'm still a noob 😂 So some tutorials could help a lot. What are your thoughts?

8 Ways to Earn Cash as a Developer

GSPTeck — Mon, 14 Dec 2020 15:13:23 +0000

We all spend a lot of time online as developers. We could be doing research for a new project, looking for code snippets or procrastinating on YouTube like all the ordinary mortals 😂.

To do this, we spend a LOT of time on our computer. What if you could earn while using it?
WELL YOU CAN!

1) CryptoTab

CryptoTab is a browser with mining features to earn some EASY Bitcoin. After activating the mining, you just lean back and browse the Internet. CryptoTab's mining algorithm takes care of the rest. You can import bookmarks, history, passwords, and settings in a couple of clicks. All extensions that are available for Chrome are also available for CryptoTab.

CryptoTab is available for Windows, Mac, Android and IOS!

2) Honeygain

Honeygain is the first-ever app that allows its users to make money online by sharing their Internet connection. Reach your networks' full potential by getting paid in USD or BTC!

Honeygain is available for Windows, Mac, Linux, Android and IOS!

3) Swash

The Swash app is an open-source solution that makes it possible for you to monetise your surfing data. Simply install, browse, and earn - that’s it. Swash does all the rest for you and rewards you for the value of your data.

Swash is available for Chrome!

4) Fiverr

Fiverr serves to allow listing and applying for small one-off jobs, or gigs, online. Jobs listed on the platform are diverse and range from "get a well-designed business card" to "help with HTML, JavaScript, CSS, and jQuery". Fiverr is a company built on the model of listing temporary work positions. Freelancers work in a variety of workplaces, ranging from home to office. Fiverr serves as e-commerce platform to freelancers and companies to sell their services by using their gigs. The pricing of Gigs depends on how much a seller earns per completed task.

Start on Fiverr now!

5) Start.io

Start.io is a mobile data platform. Start.io (formerly StartApp) enables developers to monetize their mobile app or game using ads.

Start on Start.io now!

6) unMineable

Mine any cryptocurrency using unMineable!
Basically the software mines a minable coin and then pays you with any coin you choose. They automatically take care of all the exchanging and transferring, to deliver a seamless experience for the miners.

unMineable is available for Windows!

7) RadioEarn

RadioEarn offers a reward to whoever listens to their online radio! Just open the player in your favourite browser and listen as long as possible to earn higher rewards.

Start on RadioEarn now!

8) Surfe.be

Surfe.be offers rewards for visiting advertiser links, watching videos and having a simple bar at the bottom of your browser window that will display banner ads.

Start on Surfe.be now!

Create a Stopwatch in JavaScript

GSPTeck — Mon, 14 Dec 2020 07:02:00 +0000

Creating a timer is a very simple task. We will only be using variables, functions and THAT'S IT!

HTML code:

<html>
    <head>
        <title>JavaScript</title>

        <link rel="stylesheet" href="style.css">
    </head>
    <body>
        <div id="stopwatch">
            00:00:00
        </div>

        <ul id="buttons">
            <li><button onclick="startTimer()">Start</button></li>
            <li><button onclick="stopTimer()">Stop</button></li>

            <li><button onclick="resetTimer()">Reset</button></li>
        </ul>

        <script src="main.js"></script>
    </body>
</html>

CSS code:

body {
    background: #202020;
    color: white;
}
button {
    width: 100px;
    height: 30px;
    border: 3px soldi white;
    border-radius: 50px;
    background: #202020;
    color: white;
    cursor: pointer;
    outline: none;
}

#stopwatch {
    font-size: 100px;
    position: absolute;
    top: 45%;
    left: 50%;
    transform: translate(-50%, -55%);
}
#buttons {
    position: absolute;
    top: 55%;
    left: 48.4%;
    transform: translate(-51.6%, -45%);
}
#buttons li {
    display: inline;
    padding-left: 10px;
}

JavaScript code:

const timer = document.getElementById('stopwatch');

var hr = 0;
var min = 0;
var sec = 0;
var stoptime = true;

function startTimer() {
  if (stoptime == true) {
        stoptime = false;
        timerCycle();
    }
}
function stopTimer() {
  if (stoptime == false) {
    stoptime = true;
  }
}

function timerCycle() {
    if (stoptime == false) {
    sec = parseInt(sec);
    min = parseInt(min);
    hr = parseInt(hr);

    sec = sec + 1;

    if (sec == 60) {
      min = min + 1;
      sec = 0;
    }
    if (min == 60) {
      hr = hr + 1;
      min = 0;
      sec = 0;
    }

    if (sec < 10 || sec == 0) {
      sec = '0' + sec;
    }
    if (min < 10 || min == 0) {
      min = '0' + min;
    }
    if (hr < 10 || hr == 0) {
      hr = '0' + hr;
    }

    timer.innerHTML = hr + ':' + min + ':' + sec;

    setTimeout("timerCycle()", 1000);
  }
}

function resetTimer() {
    timer.innerHTML = '00:00:00';
}

Edit:
As pointed out by 'uthx' in the comments we need to add a function to reset the values of sec, min and hr when resetting the time. We can do that by using the following function (function coded by 'uthx'):

function resetTimer() {
    timer.innerHTML = "00:00:00";
    stoptime = true;
    hr = 0;
    sec = 0;
    min = 0;
}

Final Result:

(Naturally it works. Tested it myself 😉)

Explanation

Disclaimer! In the code you may notice it's called a 'timer' and not 'stopwatch', that's because 'timer' is shorter than 'stopwatch' and I don't feel like having to type that all the time 😂.

const timer = document.getElementById('stopwatch'); imports the timer 'div' as a variable, using it's id, so we can modify it as we wish.
var hr = 0; var min = 0; var sec = 0; we are creating the hour, minute and second variables and we are declaring that their initial value is 0.
var stoptime = true; we create a variable so we can then verify if the stopwatch is running or not.
if (stoptime == true) { stoptime = false; timerCycle(); } if the stopwatch is not running, turn it on and go to the timerCycle() function. (This only runs if we click the 'Start' button)
if (stoptime == false) { stoptime = true; } if the stopwatch is running, turn it off. (This only runs if we click the 'Stop' button)
if (stoptime == false) { verify that the stopwatch is on.
sec = parseInt(sec); min = parseInt(min); hr = parseInt(hr); these are used to parse a string into an integer. (if we have 1045 as a string and we want to use it as an integer, we parse it)
sec = sec + 1; add 1 to seconds.
if (sec == 60) { if seconds are equal to 60, minutes = 1 and seconds becomes 0 again.
if (min == 60) { if minutes are equal to 60, hours = 1 and seconds + minutes becomes 0 again.
Fun part:

if (sec < 10 || sec == 0) {
   sec = '0' + sec;
}
if (min < 10 || min == 0) {
   min = '0' + min;
}
if (hr < 10 || hr == 0) {
   hr = '0' + hr;
}

If seconds, minutes and/or hours are lower than 10, add a 0 in front. This is why we need to parse everything in the beginning: doing this operation they become strings.

timer.innerHTML = hr + ':' + min + ':' + sec; add these values to the 'timer' div.
setTimeout("timerCycle()", 1000); this will make sure there is a timeout of 1000 ms (1s) before repeating the 'timerCycle()'.
timer.innerHTML = '00:00:00'; used to reset the timer to 00:00:00

AND WE'RE DONE!

Learn how to earn money as a developer HERE.