Jordan Vidrine

Web Development Portfolio

Take a look at my Daily Coding Journal

A Self-taught coder from the Cajun Prairie in rural Louisiana, currently working as a designer for Discourse.

I am always trying to better myself, and do so through learning new skills, trying out new routines, traveling, and pouring energy into hobbies. Since 2014, I have been recording, editing, and producing my own music under the name Skies Speak.

Take a look at my Daily Coding Journal


- Latest Projects -

GIPHY Search

This is my latest 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 App Preview

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  -  Process Blog Entries

Ingen App Preview

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 project and I loved it.

View Code  -  Process Blog Entries

YNAB App Preview

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 Preview

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 Preview

Nested Todolist App

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 Todo List App Preview

Calculator React App

I created this calculator as an exercise in the FreeCodeCamp frameworks projects.

Live Site  -  View Code

Calculator React App Preview

- Design Examples -

LeVillage House

LeVillage House

I redesigned this client's website to better cater to their market. Using HTML + CSS, I made use of image galleries, google maps integrations, and custom forms. We integrated google sheets and email for a reservation system allowed the client to save money by not using a pay per month reservation system.

Live Site

Hannah Gumbo

Hannah Gumbo

Using squarespace and a base design as well as custom graphics, photos, and javascript, I created this website for visual artist and Illustrator, Hannah Gumbo.

Live Site

Sirius USA

Sirius Technologies

Using Wordpress and a basic theme, I redesigned the Sirius Technologies website. Using custom HTML and CSS, I styled the site according to the company design specifications as well as used photoshop and adobe Illustrator to create custom graphics and art for the project.

Live Site

- Latest Journal Entries -