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 sci-fi*, gaming**, or creating ambient, electronic, and sometimes house music.

*Currently reading the Dune Series and I am in ❤️

**I've recently been enjoying the board game Root, and also Dead Cells on the Switch.

Designer & Front End Developer at Discourse

As a generalist, my work ranges 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 - Present
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 have been able to lead a lot of the design behind 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