John Layher's
Web Developer Portfolio
Web-Developer with expertise in utilizing React.js and Angular to create beautiful, dynamic, and responsive websites.
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.
- 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.
- 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.
- 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.
- 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.
- 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.
- 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.
- 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.
- 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.
- 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.
- 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 & TypeScriptFrameworks
Experience with:
-React.js
-Angular
-Next.js
-Bootstrap
-Express.jsBack-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.
May 2019
Graduated from Elon University
May 2021
Received Full-Stack JavaScript Techdegree from Treehouse
September 2021
Joined Infosys: Worked on Toyota's Advanced Cloud Engineering project
March 2022
Performed UI/UX for Toyota's Smartpath and Lexus's Monogram web applications
December 2022
Began Freelancing Web-Design