Joel Bergman

Projects

Here you can find some personal and professional projects I've worked on. Most of my professional work has involved non-public facing web applications so unfortunately I can't list them here.
Screenshot of project instagrid.co

instagrid.co

Originally this project started out as developing an online store for instagrid. Together with my co-workers at RARE we decided on a React + Tailwind + Shopify Storefront API technology stack.

Later on we also reworked instagrid's whole website, where we moved on to use Next.js instead of a CRA wrap for server-sided rendering while the content is fetched from Contentful. We also decided to use styled-components with Material UI instead of Tailwind for styling.

React
Next.js
TypeScript
Shopify
Contentful
Vercel
Screenshot of project KZStats
GitHub logo

KZStats

A very long lasting hobby project that has gone through many iterations and served as a playground for me to learn new technologies as well as create something useful for other people. The purpose of this website was originally to provide a way for Counter-Strike KZ mod players to view rankings outside of the game itself.

The website started out as PHP & AngularJS based and later on I wanted to learn React, TypeScript, Express & Tailwind so I rewrote the site using those technologies. The codebase is not very clean or elegant for that reason. With the rework I also added a bunch of new features, did a layout revamp and switched the site to use the now-available public API (which unfortunately slowed down the site) instead of a straight database connection.

React
TypeScript
Express
Tailwind
Discord.js
socket.io
Screenshot of project FFXIV Eco
GitHub logo

FFXIV Eco

The purpose of this project was to create a way to calculate crafting costs and profits for Final Fantasy XIV Online. It uses the Universalis API to fetch item prices based on the selected realm. I chose this tech stack because it allowed me to spin up the project as quickly as possible.

React
TypeScript
Tailwind
Vercel
Screenshot of project joelbergman.dev
GitHub logo

joelbergman.dev

This looks oddly familiar. Similar to the FFXIV Eco tech stack above, I chose this stack to be able to quickly create a portfolio site for myself. This site was created in less than two days.

React
TypeScript
Tailwind
Vercel