Open in app

Sign In

Write

Sign In

Jason Melton
Jason Melton

41 Followers

Home

About

Published in Level Up Coding

·Oct 25, 2020

Building Jason Chess — Part 1: Rendering the Board and Pieces

An ongoing series about building a React app called Jason Chess, a version of chess where if your name is Jason, you can’t lose. — What Is All This? Over quarantine, I’ve become very addicted to chess. I like how random chance plays a small role in the game. Instead, better players manifest from hours of obsessive study. Getting better at chess has been a great distraction from the world crumbling all around me, lol.

React

5 min read

Building Jason Chess — Part 1: Rendering the Board and Pieces
Building Jason Chess — Part 1: Rendering the Board and Pieces
React

5 min read


Published in JavaScript in Plain English

·Oct 18, 2020

Building an Animated Counter with React and CSS

In this blog, I attempt to create my own version of an animated counter component that I keep finding all over the web — I’ll show you how I went about it, but I would love feedback. Is there a better way to do this? Leave a comment or shoot me an email at jason.melton2@gmail.com. the code on Github Tutorial Table of Contents Preliminary Junk Count Component Increment Function Conclusion Preliminary Junk

React

4 min read

Building an Animated Counter with React and CSS
Building an Animated Counter with React and CSS
React

4 min read


Published in JavaScript in Plain English

·Oct 11, 2020

Using Chart.js to Display Poll Data in a Cool Way

It’s voting time. Get ready to see a million graphs showing poll results of all the various groups — how many left-handed cellists voted green party, how many fiscally liberal vampires want to defund global warming, how many otters publicly opinion that eating is best while lying on your back. …

JavaScript

4 min read

Using Chart.js to Display Poll Data in a Cool Way
Using Chart.js to Display Poll Data in a Cool Way
JavaScript

4 min read


Published in The Startup

·Oct 4, 2020

Whipping Up a Rails API Real Quick

In this blog, I concisely outline the basic steps of creating a Rails RESTful API. jump to the code on GitHub Tutorial Steps Create New Rails Project Plan Models / Relationships Generate Resources Create / Migrate database Set Up Controllers 1. Create New Rails Project First things first. Assuming Rails is installed, enter the following command into…

Ruby

4 min read

Whipping Up a Rails API Real Quick
Whipping Up a Rails API Real Quick
Ruby

4 min read


Published in The Startup

·Sep 27, 2020

Part 2: Build This Cool Dropdown Menu With React, React Router and CSS

After my last blog about building a ~cool~ dropdown menu, I received the suggestion to write a part 2. Andrew Bone pointed out, “Generally, when making a component, the aim is to make it reusable and simple enough that it rarely needs to be revisited.” I took the advice to…

React

6 min read

Part 2: Build This Cool Dropdown Menu With React, React Router and CSS
Part 2: Build This Cool Dropdown Menu With React, React Router and CSS
React

6 min read


Sep 19, 2020

Build This Cool Dropdown Menu with React, React Router and CSS

How about a sweet dropdown menu to throw in a tight area of your site? Or maybe use it as a simple navigation tool for your minimalistic layout? Or switch to this smaller menu when the screen shrinks to smaller size.

React

5 min read

Build This Cool Dropdown Menu with React, React Router and CSS
Build This Cool Dropdown Menu with React, React Router and CSS
React

5 min read


Sep 13, 2020

Build This Cool PopUp / Modal with React and CSS

A nicely styled version of an alert(), the modal, the popup. One of the sometimes annoying yet necessary elements of the web. For this blog, I created a modal using React and CSS, and I’m going to show you how I went about it. I assume there are millions of…

React

4 min read

Build This Cool PopUp / Modal with React and CSS
Build This Cool PopUp / Modal with React and CSS
React

4 min read


Published in The Startup

·Sep 5, 2020

Build a Simple Loader With CSS and HTML

The nice thing to do when your website isn’t fully loaded is to play a little animation. It lets the user know: “We’re working on it.” “We know if it takes more than 2 seconds, you’ll leave forever.” “My liege, we graciously offer you ~three blinking dots~.” Animations act like…

CSS

5 min read

Build a Simple Loader With CSS and HTML
Build a Simple Loader With CSS and HTML
CSS

5 min read


Aug 29, 2020

Build This Cool Password Checklist with React and CSS

My other blog about building cool sign up form got a lot of attention, so I decided to write another tutorial for a ~cool form~. This is a tutorial for how to build this animated password checklist:

CSS

4 min read

Build This Awesome Password Checklist with React and CSS
Build This Awesome Password Checklist with React and CSS
CSS

4 min read


Aug 22, 2020

If Ruby’s so Happy, What’s %w(a b c)

When I started learning Ruby, I came across this quote about 50 times: I hope to see Ruby help every programmer in the world to be productive, and to enjoy programming, and to be happy. That is the primary purpose of Ruby language. According to its creator, Yukihiro Matsumoto, the…

Ruby

2 min read

Ruby

2 min read

Jason Melton

Jason Melton

41 Followers

Software dev. Love root beer.

Following
  • 9cv9 official

    9cv9 official

  • Matt Croak Code

    Matt Croak Code

  • John Au-Yeung

    John Au-Yeung

  • Madison Schott

    Madison Schott

  • Netflix Technology Blog

    Netflix Technology Blog

See all (96)

Help

Status

Writers

Blog

Careers

Privacy

Terms

About

Text to speech