Sign in

Junior full stack developer.
Photo by Miikka Luotio on Unsplash

Been a long time trying to get this to work properly. This blog post will be in-depth. I created an app that allows local business owners to register for an account and post announcements for their businesses. I admit it isn’t the best looking app right now but I would like to apply more styling to it in the future and add additional features, like maybe a search functionality.

Ruby on Rails Setup

The backend API was built using Ruby on Rails. When building out an API for a front-end application there are a couple of things to do. …


Photo by Jason D on Unsplash

After going through a mock technical interview through Skilled, I realized then that there was a lot missing in my fundamental knowledge of basic programming. I’m going to start writing out what I currently know now and look back to it in the future. To start off is the object lifecycle in Ruby. One of my main struggles starting out were methods with undefined variables. This can be solved and once defined it can be utilized for later use.

What is a class?

In object oriented programming, a class is essentially a template with data that contains the information and behaviour. In a class…


Photo by Greg Rakozy on Unsplash

A popular utility-first CSS framework that makes it easy for web developers to build responsive websites. I have been using this recently for my React.js applications and my portfolio site. One of the neat things about using Tailwind is that you can stay within your markup files to apply your styling. The configuration file grants you the option of changing default animations, managing screen size modifications, and more. Recently they’ve added support for dark mode (yay!). Lastly, it won’t overload your website once released for production due to its small size.

Installation

Using npm, enter this in the terminal to install…


Photo by Kevin Canlas on Unsplash

If you don’t know me yet, I tend to explore other frameworks and languages to learn so that I can be exposed to different syntax. I finally dove into Python after getting a basic understanding of Java. I haven’t stopped learning Java, in fact I’m not quite finished with the textbook I’m using to learn from. But that’s for another post!

Depending on the day of the week, after I have finished all my tasks and to-dos (projects, algos, etc) I unwind by watching livestreams. A new VTuber I recently started following has been pretty successful so far: engaging community…


Finally have my domain name and site running. I’ve spent quite a while trying to simplify the design without making it too cluttered and decided to go for a negative-space approach. I’ll go over my thought process and why I chose specific frameworks and libraries to get it done. This doesn’t mean my site is complete, I feel like I’ll always be working on it as time goes.

Frameworks

I chose ReactJS and TailwindCSS to develop my portfolio site. I felt React would be a great approach for my portfolio because of being able to use hooks for a modal function…


Photo by XPS on Unsplash

I recently took my project assessment and was tasked with an assignment of making my posts sort from ascending order to the original state. Initially I thought that all I had to do was use a .sort() on my array of posts, but there was more to it and I’ll explain why.

Originally, this was what my code looked like:


Photo by Stanley Dai on Unsplash

I am currently in the process of creating a new React/Redux project. I decided to scale it down and create something simple: a CRUD application. I’m catering to the PC builder in me by building out an app that lists out build parts and showcase created builds.

My back-end is structured with a Rails API and running on a PostgreSQL database. I made it simple by doing my schema as follows:

create_table "builds", force: :cascade do |t|  t.string "name"  t.string "description"  t.datetime "remember_created_at"  t.datetime "created_at", precision: 6, null: false  t.datetime "updated_at", precision: 6, null: falseendcreate_table "parts", force: :cascade…

Photo by Austin Distel on Unsplash

Starting off 2021 strongly! During Christmas, my friend gifted me two textbooks that he used when he was doing his Bachelor’s in Computer Science. I was gifted Head First Java and Data Structures & Algorithms in Java.

Why Java?

Java is an object-oriented programming language. I’m familiar with the OOP concept when I learned Ruby with Flatiron School. To apply what I previously learned is an eye-opener since it’s also allowed me to see how I’ve improved as a developer. There’s still a lot for me to learn. As I’ve expressed before in my previous post, I didn’t do well in a…


Photo by Sigmund on Unsplash

Back when I was doing my JavaScript project, I had to work on a form that allowed me to enter in a subscription with the corresponding price and website. With forms, you can actually specify what will be entered into the form based on it’s input type. In my code snippet below is a good example of that.

<!--Subscription Information--><div>
<span>Name:</span>
<input type="text" id="subname" placeholder="Subscription Name">
</div>
<div>
<span>Link:</span>
<input type="url" id="link" placeholder="Website">
</div>
<div>
<span>Price:</span>
<input type="number" id="price" placeholder="Subscription Price"></div>
<div id="button">
<input class="btn" type="submit" value="Submit">
</div>

Photo by Jason D on Unsplash

Continuing the previous post about the object lifecycle in Ruby. I’ll be going over a basic gist of variables and objects with one of the many methods that can be used.

Variables

We have four types of variables in Ruby: class, instance, local, and global variables. To simplify the difference between them, I’m going to share this chart as it helped me understand the four different types.

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store