Release 0.3

-
In the third release, I was working on the Vibranium GitHub project.

Setting up a project on my machine took me a while, but was useful in terms of getting familiar working with Firebase which I never used before. Firebase is basically a mobile and web application development platform.

In order to get the project working, I had to install node, run "npm install" and install firebase using "npm i -g firebase-tools" command. In order to host your project using Firebase, you first need to create a Google Firebase account and then create a project on their official page. After doing that, login into your account from the terminal using "firebase login" and run "firebase init" in order to create firebase.json file. Add a project from firebase console using "firebase -add project-name" and finally publish it with "firebase deploy".

The issue I picked was to create a custom 404 error page when the server is unable to locate a page. I added two new files to the project, one is 404.html the other is error.css. Here's how the page turned out to look:
My issue:


My PR:





Comments

Post a Comment

Popular posts from this blog

fs.rmdir() vs fs.rmdirSync() in Node.js

-
The main purpose of rmdir() and rmdirSync() methods in the fs module is to remove a directory. If you are going to use any of these two methods, you should also remember that using them it is only possible to remove an empty directory. In case your goal is to get rid of the folder which contains another files or directories you would need to install the additional fs-extra module that would add more features on top of the fs. You can use remove() method from the fs-extra module to delete directories that contain something. fs.rmdir(path, callback) Removes a directory asynchronously. If the directory isn’t empty the function will throw an exception. Passed Parameters: path – string, path to the directory which you want to remove. The function won’t work if you will pass a path to the file instead of the directory (will result in ENOENT error on Windows and an ENOTDIR error on POSIX) callback – function, returns an error. Source code:  function rmdir(path, callback
Read more

Release 0.4, Second Blog

-
For my final release, I decided to stick with the project that I already worked on called Vibranium .  The ticket was to create a page pre-loader similar to the one that git-hub or medium websites use.  I never worked with animation in CSS before, so this issue was a great opportunity to learn something new. Steps to create an animation: The first step of building a CSS animation is to defining individual keyframes and naming an animation with a keyframes declaration. The second step is referencing the keyframes by name using the  animation-name  property as well as adding  animation-duration  and other optional animation properties to control the animation's behavior. Here's how I created a spinning square animation using keyframes in css: @-moz-keyframes spin { from { -moz-transform: rotate(0deg); } to { -moz-transform: rotate(360deg); } } @-webkit-keyframes spin { from { -webkit-transform: rotate(0deg); } to { -webkit-transform: rotate(360deg); } }
Read more

Discovering Open Source Projects

-
Image
Go (Golang) Go is a compiled programming language. Like all others, it wants to be "better than C." The language development is supported by Google (the creators of the language are Rob Pike, Robert Griesemer and Ken Tompson). Go is completely open-source, and a large number of people not from Google also take part in its development. I got interested in the language because of its simplicity and unusual approach to OOP and multithreading.  The main advantages of Golang: Simple and clear syntax Excellent performance Rich standard library Highly Concurrent Go compiler (Error checking, cross-compiling) Open source Charming logo So looking for an open source project, I found 3 that might be interesting to contribute to:  Kubernetes Its io Moby  Kubernetes What is Kubernetes?  "Kubernetes is a portable, extensible open-source platform for managing containerized workloads and services, that facilitates both declarative configuration and automa
Read more