John Layher's
Web Developer Portfolio

Web-Developer with expertise in utilizing React.js and Angular to create beautiful, dynamic, and responsive websites.

Contact Me

Projects

MollyBarnesMusic.com


A freelance website for Dr. Molly Barnes, meant to showcase and promote her work as a professor of Musicology, live performer, and advertise private music lessons through the Skylark Music School. This application utilizes Next.js, CSS Modules, as well as JavaScript logic for pagination, dropdown menus, and random quote retrieval.

Stack
  • Next.js
  • CSS Modules
  • HTML
  • JavaScript

SushiMan


SushiMan is a dynamic, animated, and visually stunning webite for a fictional Japanese restaurant. AOS (Animate on Scroll), and various CSS styling tricks, make an otherwise simple website feel engaging and lively as users scroll through, and interact with the web page.

Stack
  • HTML
  • CSS
  • AOS
  • Node.js

Coin Flip Betting Game


This React based application allows users to place monetary bets on the outcome of a coin toss! Utilizing React Hooks and state management, this application automatically updates and displays current game data, and provides users a complete history of the bets and outcomes throughout their play session.

Stack
  • React
  • JavaScript
  • CSS
  • HTML

School Database: Full-Stack React & REST API


This is a Full-Stack web application modeling a school’s database. The application allows for users to Sign-In and Sign-Up. Authenticated users are able to perform a number of basic CRUD operations, allowing them to Get, Create, Update, and Delete certain “Courses” from the database that they are authorized for.

Stack
  • React
  • Express
  • SQL(SQLite)
  • Node.js

What is GPT-3


'What is GPT-3' is a responsive Front-End UI for a fictional technology company, promoting GPT-3. This project uses all of the fundamentals of modern React.js sites, including React Hooks, eye-catching CSS styles, as well as an intuitive, and captivating page layout.

Stack
  • React
  • Figma
  • CSS
  • JSX
  • JavaScript

Employee Directory: AJAX Application


This application uses AJAX to communicate with the Random User Generator API to fetch data and display a list of 12 random “employees” from a fictional start-up company. Users can dynamically search for employees, click on an employee’s card to reveal more information in a modal window, and navigate between employees within the modal window.

Stack
  • JavaScript
  • Fetch API
  • HTML
  • CSS

React Image Gallery with Flickr API


This web application uses React.js to create an image gallery, utilizing Axios to fetch data from the Flickr API. The application allows for users to search for various image topics in the Flickr database, or select from several present image search options, and will render images of the user’s search in an image grid.

Stack
  • React
  • React Router
  • JavaScript
  • Axios

Library Database CRUD Application


A fictional library database that utilizes a SQLite database, Express.js back-end, Sequelize (ORM), and Pug templating. Allows users to perform basic CRUD operations using a simple front-end interface.

Stack
  • JavaScript
  • Node.js
  • Express
  • SQL
  • Pug

Phrase Hunter: Object Oriented Programming Game


A browser-based, word guessing game using JavaScript and Object-Oriented Programming. The program selects, and hides a random phrase, which the player must guess using a keyboard, or the onscreen keyboard.

Stack
  • JavaScript
  • CSS
  • HTML

Angular Tic-Tac-Toe


A simple Tic-Tac-Toe application, utilizing Angular, TypeScript, SCSS, HTML, and the Angular UI Library Nebular. The application tracks the current user, provides animations and styles on button click, and alerts the user when, and which player has won the game.

Stack
  • Angular
  • TypeScript
  • HTML
  • SCSS
  • Nebular

Technologies

Experienced in developing Full-Stack Web Applications, with a focus on Front-End UI/UX work, utilizing the popular frameworks React.js and Angular.

  • Languages

    Experience with:
    -HTML
    -CSS & SCSS
    -JavaScript & TypeScript

  • Frameworks

    Experience with:
    -React.js
    -Angular
    -Next.js
    -Bootstrap
    -Express.js

  • Back-End/Databases

    Experience with:
    -Node.js
    -Experss.js
    -SQL Databases
    -Sequelize(ORM)

  • Version Control/Agile

    Experience with:
    -Figma
    -Git/Github
    -Jira
    -SCRUM
    -MS Teams

About Me

I graduated from Elon University in 2019 with a philosophy major and a biology minor, and soon after decided to pursue programming professionally. I received a Full-Stack JavaScript Techdegree from Treehouse in 2021, and that same year began work as a Senior Software Engineer at Infosys, where I performed UI/UX changes for Toyota and Lexus’s websites, developed the functionality of intranet applications, and helped onboard new team members.

I am experienced with Full-Stack development, creating REST APIs, as well as many other popular technologies/libraries. I specialize in creating beautiful, dynamic, and responsive websites on the Front-End utilizing React.js and Angular, and have previous experience creating optimized Back-End programs using Express.js and SQL databases.

Create & Communicate
Learn & Innovate