Jordan Vidrine

Web Development Portfolio

Take a look at my Daily Coding Journal

An experienced business owner + musician with a demonstrated history of management in the Energy sector and an insatiable appetite for learning new and complex skills. Transitioning from an ownership role & seeking employment in Web Development as a Jr Full Stack Developer.

Take a look at my Daily Coding Journal


- Javascript Examples -

Stock Charting App

I am a noob when it comes to investing, trusting the sage of advice of Warren Buffet to put 90% into an S&P 500 etf and 10% into bonds. That being said, the data for stocks is super interesting to me so I wanted to create something utilizing an API.

Live Site

Stock App Preview 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 -