DEV Community: Imagineee

Keep your email safe on github

Imagineee — Tue, 25 Oct 2022 13:28:05 +0000

I recently decided to take a trip to the spam box in my email, I didn't expect much to be there. Until I saw a single email that stood out.
The email was as follows:

Hey
I was just on your Github (went down a Wednesday morning rabbit hole and came up in Monaco Editor stargazers) and loved the profile.
[Insert product advertisement here]

I was like "oh cool product, but not interested" in my head. But then something didn't felt right; how did this person send an email to my personal email, which isn't publicly visible on my github. I checked my account and it was private, I then thought it may be my portfolio that's linked there, but no. Maybe my twitter but also no.
Then it dawned on me. Git commits has your email.
I immediately did some quick research online and git apparently keeps your email when you commit, so I checked my local environment and what did I find, my personal email. I don't know how or when I gave it my personal email but its there.
So here's what I did and I feel like you should do your self if you commit to github or any public repository and value your privacy, based on this page from github you should change your email using the command bellow on any machine from where you commit:

git config --global user.email "YOUR_EMAIL"

Where the YOUR_EMAIL bit should be the noreply email github provides, it should be some where in your email settings in your account.
I hope you find this post informative and if you have any thoughts or insights in this matter do comment bellow. Thanks for reading.

Matrix time

Imagineee — Fri, 08 Jul 2022 12:50:06 +0000

Wanted to look like your hacking the matrix.

Well now you can with a small unnessecery project I spent time on.

Check it out!

The idea of this initially came from me wanting to add some interactivity and motion to my portfolio. So, I decided to add a matrix background but instead it's my theme colour which is #000014.

So I went searching the internet for a matrix animation to borrow, and found this on codepen which a was a great implemention.

So, I forked it and made some adjustments, and copied it to my website, added some reactivity to mouse movements.

I then thought people might want to use this as a standalone background.

So, I copied the code and pasted it in somewhere else added some controls to ustomize it a bit, and published it. Great 1 Hour of my life, helping Making the world a better place.

Rust for "poor devs"

Imagineee — Thu, 03 Mar 2022 19:47:33 +0000

SO, basically I stumbled upon this.

I was quite inspired by it and decide to take a deep dive my self.

I went to the rust playground, opened dev tools, click the network tab and clicked the run button on the page. A fetch request popped up.

So, I just right clicked it, copy>copy as node.js fetch.

Opened a node js project in vs code, imported node fetch and pasted the request.

Then added some command line arguments and tinkered with the fetch and boom!

Added a watch system and a system to take inputs as the playground couldn't take std inputs.

And there you have it, QuickRust, a rust compiler (interpreter) for places where the rust compiler can't go.

If you have any suggestions or want to contribute, open a issue or a pull request.

I have plans for other compiled languages in the future like Kotlin and Go.

Deploy to Railway

Imagineee — Wed, 24 Nov 2021 19:19:01 +0000

Railway

Bring your code,
we'll handle the rest.
Made for any language, for projects big and small. Railway is the cloud that takes the complexity out of shipping software.
Quote from railway.app

Deploy to Railway

As the quote suggests its an Deployment platform for any language and project from discord bots and cron jobs, to Rust Bassed web server and VS Code in the browser.

On top of that their first class support of databases from postgres, redis and monogo DB.

Their pricing model is also quite fine for me, at $5 a month on the free tier, and $10 if you verify with a payment card.

And lastly I just feel the whole platform feels home grown by a group of passionate developers rather than huge enterprise like Heroku.

So, Get started and Deploy to Railway

best free api client for testing api

Imagineee — Thu, 16 Sep 2021 06:57:10 +0000

So I was browsing github, when I found an app called: hopscotch. I decided to look into it to find a free, browser based, nice looking api client.

the url is here

features

its free
its in the browser so you can run it anywhere
its a pwa, so get full power of a native app
it has history
you can fetch using different language methods
it has proxy options
amazing theming
you can do graphql (I don't use it but its usefull if you need it)
and something called realtime, I am not sure what it is, but it seems to be websocket

conclusion

its a clean small api client to use, but the only downside I guess is that you can't use it with local development.

Code Snips

Imagineee — Tue, 24 Aug 2021 11:20:39 +0000

I just released a small project know as code snips.

Basically, it's a small repo of code snippets I use or have made you can use in your project by just importing it or by copy and paste or what I like to call it:

"Ctrl+A, Ctrl+C, Ctrl+V and this is now my code"

Get started today by going over to the website and going through the list.

At the time of writing there might a small list of snippets, but this list will grow over time.

If you have any thing you might want to add, just ask in the comments.

I've just added my favourite: springy Buttons

Auto Update in electron?

Imagineee — Thu, 15 Apr 2021 09:01:39 +0000

so, I have a app made with electron js and I want to implement a system where I can update the app when the user is online and a new version is avalible. but, the system will not download a new executable, but download new js files, html and css and load it when I need load the app. Give a comment bellow on your ideas.

Make A Cool Emoji Display Box

Imagineee — Thu, 07 Jan 2021 12:41:45 +0000

Check my Post here

(I am testing is posting on Medium better, but I seem to like Dev.to better)

Modern Programing Languages I Plan To Learn

Imagineee — Wed, 06 Jan 2021 11:58:31 +0000

Ok, so it's a new year and told myself last year 'I will do less JavaScript and learn a new programing language'.

Now here are my thoughts:

What type of programing language?

Now I want some modern programing language to learn, not C++ or C because I feel it's not that modern. I want something that has a syntax that is close to JavaScript or Python and is cross platform so I can use it in mobile development and web development (if you have ideas, please feel free to comment).

List of languages I have chosen

rust
go
haxe
ruby
dart
kotlin
lua
java
python
typescript

Rust

I've seen rust being used in a lot of projects, like Deno (a Node js alternative that is faster). Rust is faster, reliable, and productive, it can be compiled to WebAssembely, used in networking and embedding.
It has a modern syntax like JavaScript seen here:

fn main() {
    println!("Hello, world!");
}

Go

I've seen Go also being used in a lot of projects. It's simple, reliable, and efficient. It can also be compiled to WebAssembely.
It has a simple syntax, but not as simple as JavaScript or Python.

package main

import (
    "fmt"
)

func main() {
    fmt.Println("Hello, playground")
}

Haxe

Haxe is an interesting language.

Haxe can build cross-platform applications targeting JavaScript, C++, C#, Java, JVM, Python, Lua, PHP, Flash, and allows access to each platform's native capabilities. Haxe has its own VMs (HashLink and NekoVM) but can also run-in interpreted mode.

As you can from the quote from Haxe's website, it is perfect for all my needs and more, it is also good for game development seen here, but it is not like JavaScript or Python

class Main {
  static public function main():Void {
    trace("Hello World");
  }
}

Ruby

I've seen ruby being used in a lot of projects, and a lot of talk about Ruby on Rails (Node js alternative).
It has a simple syntax, sometimes easier than JavaScript.

3.times do
  print 'Welcome '
end

Simple hello world in ruby:

print 'Hello, World!'

compare that to C++:

#include <iostream>

int main() {
    std::cout << "Hello World!";
    return 0;
}

Dart

Dart is a client-optimized language for fast apps on any platform

and that is what I want but Dart is best used for Mobile Development and is used in Flutter (a UI toolkit for native app development), but they do support Dart-to-JavaScript.
and Flutter also supports web development.
It does have a simple syntax like Rust

main() {
  print("Hello, World!");
}

Kotlin

Now this is a language I have learnt before for a small android app development, but I have only scratched the surface for possibilities. Kotlin is amazing and capable language in my 5 hours of usage. It can be used in Multiplatform Mobile, Server Side, Web Frontend, and Android Development which is what I want and has a amazing syntax and sometimes is better than JavaScript in some cases

fun main() {
    println("Hello World")
}

Lua

Now at the start of my Coding interest, I didn't know web development, I investigated Lua, I saw it being used in games, it has a kind-of easier syntax, but I left it as I didn't see that much popularity other than small projects and game development; now I am coming back because it is an efficient, lightweight and embeddable language, it also compiles to WebAssembaly.

io.write("Hello world, from ",_VERSION,"!\n")

Java

Now I had actually started learning java at the start of my interest of coding because Java looked like the most chosen language and used by alot of big companies. But I lost interest due to its large and complex syntax compared to Python or JavaScript. You had to start with

class HelloWorld {
    public static void main(String[] args) {

and to print

System.out.println

instead of

println

which is not that mordern, but it is still used by thousands of developers every day, because its fine for them but not for me, just look at Minecraft Java Edition, made with this long language. But java is cross platform used in android development and everywhere you can think of.

class HelloWorld {
    public static void main(String[] args) {
        System.out.println("Hello, World!"); 
    }
}

Python

I've also touched Python before (not a real snake, the programing language), I liked it due to its simple syntax and easy to use and a programing language most people pick up at first, I didn't because I wanted to look cool doing something out of the ordinary.
But it doesn't fit my needs, or I just don't feel like it's the perfect language to learn.

print("hello, world")

TypeScript

Now typescript is basically JavaScript but as said here, typescript will continue to dominate, and typescript is better in bigger complex projects and I want to be a better web developer, So, it is a interesting choice for me.

console.log("hello, world")

Conclusion

well after seeing the whole list here is my opinion on what I want to learn and my ratings:

What I want to learn

What I want to

rust
haxe
kotlin What I probably will
go
lua
java
typescript What I probably won't
python
dart

My ratings

Rust
Haxe
Go
Kotlin
Ruby
Java
Lua
TypeScript
Dart
Python

So, there you go, what I want to learn for 2021; there are some things to take away and this can inspire you.
Do write your Thoughts in the comments

A Clean Code Box

Imagineee — Thu, 03 Dec 2020 19:10:51 +0000

Have you ever thought of a beautiful way to document your code?
Well I have got a simple way to do it!

here is how it will look:

Very simple but clean and pleasant to look at

If you are looking for the code, add this to your css:

pre {
    padding: 30px;
    background-color: #f5f2f2;
    border-radius: 10px;
    display: inline-block;
}
code {
    padding: 10px;
    background-color: #141414;
    color: white;
    display: block;
    border-radius: 10px;
    box-shadow: 10px 10px 20px grey, -10px -10px 20px white, 5px 5px 5px black inset;
    text-shadow: 5px 5px 5px black, -2px -2px 2px #212121;
}

If you are lazy to insert this css, insert this in your html:

<!--Deperected-->
<link rel="stylesheet" href="https://imagineeeinc.github.io/api/cdn/css/codebox.css">
<!--New from a new source-->
<link rel="stylesheet" href="https://eureka-imagineee-server.github.io/code-snips/css/codebox.css">

and for the html add this:

<pre><code>
-->your code goes here<--
</code></pre>

You can obviously hook it up to a syntax highlighter like highlight js to make it lot cooler and you can always edit the code for your own needs

See the Pen Code Box