Forem: Jonathan Hernández

Qatar 2022 Pool Web App

Jonathan Hernández — Sat, 19 Nov 2022 04:24:19 +0000

Hello Devs, this sunday starts the FIFA World Cup in Qatar, I made an app for run a soccer/football pool, in México we call it "quiniela".

Come out and play for free: https://qatar2022pool.web.app

I'm thinking about the prize for the winner, maybe a $40 USD Amazon Gift Card.

Now, the dev stuff :-)

Features:

Realtime results for matches updated automatically from an external API.
Leaderboard is also updated in realtime.
You can make your predictions and view other users predictions.
You can social login with Twitter, Facebook, Google or GitHub.

Stack:

Repository:

https://github.com/ionmx/qatar2022-pool/

If you want to install this project you can follow the instructions in the README file.

Your help is very welcome, feel free to send a pull request.

Have fun!

Rest API with TypeScript, Express and Prisma

Jonathan Hernández — Fri, 22 Jul 2022 01:07:02 +0000

Hi Devs, continuing with the small code examples to learn, I’ve developed a Rest API written in TypeScript using Express and Prisma to work with the Simple Kanban React Front-End.

Repo: https://github.com/ionmx/simple-kanban-express-prisma

Simple Kanban in React

Jonathan Hernández — Fri, 08 Jul 2022 16:15:25 +0000

Hey Devs!, I have been building an example of a Simple Kanban in React.

Repo:
https://github.com/ionmx/simple-kanban-react

Demo:
https://simple-kanban-six.vercel.app/

It features:

Uses beautiful-drag-dnd to drag and drop columns and tasks
Create, edit and delete boards, columns and tasks
Have implemented 2 backends:
- Rails: https://github.com/ionmx/simple-kanban-ror
- Phoenix: https://github.com/ionmx/simple_kanban_phx

The main idea of this project is to have a more elaborated example than the classic To-Do app to learn tech stacks.

You can take a look to the front-end and back-end code, so you can learn about the implementation. You can implement new back-ends (e.g. Express/Prisma) or new front-ends (e.g. Vue, Svelte).

Websockets Chat Sample

Jonathan Hernández — Sat, 11 Jun 2022 20:54:47 +0000

Hello Devs, I've written an example on how to use WebSockets using vanilla JavaScript. It's a simple webchat, the UI is inspired on the old XChat.

Here is the repo: https://github.com/ionmx/websockets-chat-sample

Take a look to server.js and client.js are self explanatory.

Consistent Hashing Simulator

Jonathan Hernández — Thu, 02 Jun 2022 23:24:04 +0000

Consistent Hashing is a distributed hashing scheme that operates independently of the number of servers or objects in a distributed hash table.

I made a Consistent Hashing Simulator to help to understand the concept. Basically it takes random strings (titles from wikipedia) and applies the hash function, you can see load per server and add/remove servers to see how keys move between servers.