Profile picture

Jacob Lavarine

Front-End Engineer
Pronouns he/him
Open Resume Email Directly

About me

I am a Frontend Software Developer with a business management background, and a passion for problem-solving. My technical skills include Javascript, React, HTML, and CSS. I made the switch from my usual customer-facing service jobs to software development, because I have always been good at solving puzzles and have always enjoyed technical challenges. I graduate from Turing this coming August and will hit the ground running looking for job opportunities that will showcase my personal skills as well as my new technical skills. If you'd like to reach out to me, you can at jacoblavarine@gmail.com

Preferred locations

  • New Orleans, LA
Open to other locations and/or remote work

Previous industries

  • Banking
  • Wine and Spirits

Skills

  • Chai
  • CSS3
  • Cypress
  • HTML5
  • JavaScript
  • Mocha
  • React

Currently learning

  • Redux

Projects

Spellcaster

Spellcaster

Project scope time 40 hours
Collaborators

Tools Used

  • CSS3
  • Cypress
  • HTML5
  • JavaScript
  • React

Spellcaster is an application that allows a user to browse through a list of spells from the 5th Edition of Dungeons and Dragons, click on the spell "cards", view spell details, such as name, casters, components, description, casting time, range, and school, and also search for a specific spell using the search bar. The User can also favorite spells for easier reference for their most used spells.

Homepage:

On the homepage, the user can view all of the spells from Dungeons and Dragons 5th Edition.

The user can click any spell to be redirected to that spell's details page.

Spell Details:

On the spell details page, the user is greeted with the clicked spell's details(such as name, casters, components, description, casting time, range, and school ).

The user can click on the home button to go back to the homepage, or the favorites button to go to the favorites page.

Favorited Spells:

On the favorited spells page, the user is greeted with all of their favorited spells.

The user can click any spell to be redirected to that spell's details page.

The user can click on the home button to go back to the homepage.

Launch the App Code Repository
Screenshot detail for project Spellcaster
Screenshot thumbnail #1 for project Spellcaster Screenshot thumbnail #2 for project Spellcaster

Reaction Gallery

Reaction Gallery

Project scope time 55 hours
Collaborators

Tools Used

  • CSS3
  • Cypress
  • HTML5
  • JavaScript
  • React
  • Redux

This application allows users to visit a virtual art gallery from the comfort of their own home. Upon page load, a random piece of art will appear in the browser, along with information about its title, artist, medium, and period. If a user likes the displayed art, they can add it to their favorites - where they can view everything they've liked in one place. When a user is ready to view another random work, they can click Randomize.

Launch the App Code Repository
Screenshot detail for project Reaction Gallery
Screenshot thumbnail #1 for project Reaction Gallery Screenshot thumbnail #2 for project Reaction Gallery

Rancid Tomatillos

Rancid Tomatillos

Project scope time 60 hours
Collaborators Profile picture for Igor Decess

Tools Used

  • CSS3
  • Cypress
  • HTML5
  • JavaScript
  • React

Rancid Tomatillos is an application that allows a user to browse through a list of movies, click on the movie cards, and view movie details, such as movie images, title, overview, description, runtime, and ratings, as well as watch the official movie trailers.

  • Created First React app including custom components and tested end-to-end with Cypress.
  • Added a multi-page layout with the help of Router

Homepage:

  • On the homepage, the user can view all of the movies.
  • Users can click any movie to be redirected to that movie's details page.

Movie Details:

  • On the movie details page, the user is greeted with a movie poster, image, details, and trailers.
  • Movie details include title, overview, release date, runtime, and ratings.
  • Users can click on the return button to go back to the homepage.
Launch the App Code Repository
Screenshot detail for project Rancid Tomatillos
Screenshot thumbnail #1 for project Rancid Tomatillos Screenshot thumbnail #2 for project Rancid Tomatillos

Overlook Hotel

Overlook Hotel

Project scope time 40 hours
Collaborators

Tools Used

  • Chai
  • CSS3
  • HTML5
  • JavaScript
  • Mocha

Overlook Hotel is an application that allows a customer to search for hotel bookings, book new rooms, and see their previous bookings.

  • On page load, there is a section to choose who is using the application. There is a Guest login and a manager login. Once the proper user is selected, you will need to enter your username/password to access the site.

  • Once logged in, the customer will see their dashboard. The dashboard shows their past and future bookings, the total spent on all their bookings so far, and a section to book a new room.

  • Once a customer sees a room they would like to book, they can click the book now button on the room details. They will then be brought to a new page that describes the room with all its details. If the customer still wishes to proceed with the booking, they can click the book now button to be taken to a final confirmation page. Once the user books the room, the user will be directed back to their dashboard where the new booking will now be displayed in their bookings section, and their total spent will be updated based on the price of the newly booked room.

Code Repository
Screenshot detail for project Overlook Hotel
Screenshot thumbnail #1 for project Overlook Hotel Screenshot thumbnail #2 for project Overlook Hotel Screenshot thumbnail #3 for project Overlook Hotel Screenshot thumbnail #4 for project Overlook Hotel