Jordan Vidrine

Designer + Front End Developer

Hey there 👋 , I’m a self-taught developer from the Cajun Prairies in rural Louisiana with a background in Industrial Design. I made the leap into the coding world in 2019 and havent looked back since!

When not at my computer, I am usually going on trips with my wife (sometimes our 🐶 comes along in our camper 🚐), reading*, gaming**, or creating ambient, electronic, and sometimes house music.

*Currently reading 'Fairy Tale' by Stephen King.

**I've recently been enjoying the board game Wingspan, and also FIFA 2023 & Elden Ring for PS5.

Design Team Manager at Discourse

I’m a focused leader who values camaraderie and accomplishing well defined goals. Staying aligned with company values by keeping our work out in the open, communicating often with my managers, and building rapport with my teammates.

March 2022 - Present

Designer at Discourse

As a generalist, my work ranged from improving the UX & UI of Discourse, website updates, implementing designs on the front-end, & working with Enterprise customers to implement themes & Ember Components for their Discourse communities.

Feb 2020 - March 2022
Self Starter / Time Management Communication Design Thinking JavaScript EmberJS ReactJS SCSS NodeJS Git VSCode Photoshop Illustrator Skecth Figma

Discourse Projects🎨

Discourse Chat

Created on: December 1, 2021

As Discourse began to implement Chat into their forums in a Pre-Alpha phase, I was able to lead a lot of the design behind the alpha version of this new feature.

The focus has been to seamlessly integrate chat into the long form discussion experience, without taking away the depth & enjoyment that comes along with the power of the paragraph.

Tools:
sketching figma scss emberJS
My Contributions | Learn More

Discourse Air Theme

Created on: July 1, 2021

In order to meet an assigned KPI for 2021, I designed a theme & set of components in order to give our users something more stylized & set apart.

Since it's release on our Community Support Forum, it has been received with overwhelming positivity!

Components I developed for this theme:

Tools:
emberJS scss javascript figma
Live Site | Git Repo

Discourse for Teams Product Site

Created on: August 1, 2020

I was tasked with leading the creation the product site for our newly launched Discourse for Teams offering in 2020. The goal was to create a simple, but standout site that captured the fun feel of using Discourse for Teams.

Tools:
figma jekyll scss javascript
Live Site

Other Projects🛠

GIPHY Search

A simple single page app I created using React and the GIPHY API. I created it as a techincal assessment with multiple requirements. This was super fun for me to work on, and although I've used React for other projects, I felt like this one utilized many important aspects of React that make it a framework worth using.

Live Site | View Code
GIPHY Search

Pomodoro React App

I created this app as an exercise to create a Pomodoro Method timer with Javascript and React. The user can set how long his/her breaks and work sessions should be. As the sessions are completed, a series of “Pomodoros” are filled in, showing the user how close they are to the finish of their work session.

Live Site | View Code
Pomodoro React App

InGen: A Static Site Generator

At the suggestion of a friend and mentor, I created this app to generate a static site from markdown files and handlebars template files. This project had me dive deep with the NodeJs file system module and I enjoyed working and manipulating user files on the system. This app is now functioning but is still a WIP.(Yes the name is based on Jurassic Park)

View Code
InGen: A Static Site Generator

YNAB SMS Texting App

I created this project to test the capabilities of integrating Twilio with my YNAB account. I want to create the ability to send a text message to a number and receive YNAB budget data back. This was my first back-end only other_project and I loved it.

View Code | Process Entries
YNAB SMS Texting App

Drum Machine React App

This was something I wanted to create as a challenge for myself right as I began to learn how to code. Unfortunately I had no idea where to begin. After 3 months of learning, this wasnt difficult it helped me to see the progress I have made since starting this journey.

Live Site | View Code
Drum Machine React App

Nested Todolist App

As an exploration of recursive functions in Javascript, I created this app as an exercise in the Watch and Code Premium course. The goal was to create a Todo List app that could also create nested todos.

Live Site | View Code
Nested Todolist App