Intro
Through my software engineering course, I gained hands-on experience in building full-stack applications,
mastering both front-end and back-end development. I learned to design responsive user interfaces with HTML, CSS, and JavaScript,
develop dynamic web applications using React, and implement robust server-side logic with Node.js and Express. On the back end,
I worked extensively with PostgreSQL and Knex for database design and query optimization, while following RESTful API principles.
Additionally, I strengthened my understanding of version control with Git, testing methodologies, and deployment best practices,
enabling me to deliver scalable, maintainable, and production-ready applications. Take a look at some of my
work.
Work
Operations Holdings Inc
A React-based portfolio web application developed for Operations Holdings,
a multimillion-dollar company. Built with Tailwind CSS for responsive, clean design and enhanced
with advanced custom animations using Framer Motion. The project delivers a sleek, professional
interface featuring a client-requested red, white, and blue theme with smooth, engaging motion
effects that elevate user experience while maintaining simplicity and polish.
Operations Holdings Inc
Bakery Inventory Manager
The Bakery Inventory Management System is a full-stack web application built with React, Express, Node.js, and a cloud-hosted
PostgreSQL database. It enables Maeve’s Fine Baked Goods to efficiently manage raw materials, recipes, and finished baked goods
through a seamless interface. The system features full CRUD functionality, a RESTful API, and dynamic baking logic that
automatically adjusts ingredient inventory when recipes are baked. With robust server-side logging, error handling, and a
responsive frontend, this project demonstrates full-stack integration, database design, and production-ready deployment.
LIVE DEMO
BAKERY INVENTORY MANAGER
WeLoveMovies
is a RESTful API built with Node.js, Express, Knex, and PostgreSQL that powers a movie database.
It supports browsing movies, theaters, and reviews with full CRUD operations, includes robust error handling, and follows REST best
practices for clean, scalable backend design.
WE LOVE MOVIES
Flashcard-O-Matic
is a React app that lets users create, edit, and study custom flashcard decks.
It features full CRUD functionality, React Router navigation, and a clean component-based architecture,
showcasing my skills in state management and building user-friendly learning tools.
FLASHCARD-O-MATIC
Champion Lifestyle
is a fully deployed WordPress application hosted on Hostinger, leveraging the Kadence theme for performance and scalability.
The site features an SEO-optimized blog organized into three core categories—training, nutrition, and recovery—with structured
metadata to improve search visibility. It implements responsive design principles for cross-device compatibility and includes integrated
lead-generation features such as custom contact forms and fitness evaluation request handling.
CHAMPION LIFESTYLE
About
👨💻 Turning ideas into real-world apps.
I’m a full-stack developer with hands-on experience building applications using JavaScript, React, Express.js, PostgreSQL, Knex and more.
I have developed projects ranging from recipe managers and blogging platforms to inventory systems for small businesses.
Before coding, I was a professional MMA fighter—an experience that taught me the same qualities I now bring to software development:
discipline, adaptability, and problem-solving under pressure. In the cage, you train for every scenario and think strategically in real time; in development,
you apply that same mindset to debugging, architecting solutions, and creating products that work.
⚡ Technical Highlights:
React, JavaScript (ES6+), Node.js, Express
REST APIs & PostgreSQL (Knex ORM)
Test-driven development & error handling
Building user-friendly, goal-driven applications
I thrive on solving tough problems, writing clean code, and continuously learning. Whether in the gym, the cage, or at the keyboard,
my work ethic is built on persistence and the belief that progress comes through consistent effort.
Contact
- Email: JKFaris@gmail.com
- Cell: (253)906-5208
Elements
Text
This is bold and this is strong. This is italic and this is emphasized.
This is superscript text and this is subscript text.
This is underlined and this is code: for (;;) { ... }
. Finally, this is a link.
Heading Level 2
Heading Level 3
Heading Level 4
Heading Level 5
Heading Level 6
Blockquote
Fringilla nisl. Donec accumsan interdum nisi, quis tincidunt felis sagittis eget tempus euismod. Vestibulum ante ipsum primis in faucibus vestibulum. Blandit adipiscing eu felis iaculis volutpat ac adipiscing accumsan faucibus. Vestibulum ante ipsum primis in faucibus lorem ipsum dolor sit amet nullam adipiscing eu felis.
Preformatted
i = 0;
while (!deck.isInOrder()) {
print 'Iteration ' + i;
deck.shuffle();
i++;
}
print 'It took ' + i + ' iterations to sort the deck.';
Lists
Unordered
- Dolor pulvinar etiam.
- Sagittis adipiscing.
- Felis enim feugiat.
Alternate
- Dolor pulvinar etiam.
- Sagittis adipiscing.
- Felis enim feugiat.
Ordered
- Dolor pulvinar etiam.
- Etiam vel felis viverra.
- Felis enim feugiat.
- Dolor pulvinar etiam.
- Etiam vel felis lorem.
- Felis enim et feugiat.
Icons
Actions
Table
Default
Name |
Description |
Price |
Item One |
Ante turpis integer aliquet porttitor. |
29.99 |
Item Two |
Vis ac commodo adipiscing arcu aliquet. |
19.99 |
Item Three |
Morbi faucibus arcu accumsan lorem. |
29.99 |
Item Four |
Vitae integer tempus condimentum. |
19.99 |
Item Five |
Ante turpis integer aliquet porttitor. |
29.99 |
|
100.00 |
Alternate
Name |
Description |
Price |
Item One |
Ante turpis integer aliquet porttitor. |
29.99 |
Item Two |
Vis ac commodo adipiscing arcu aliquet. |
19.99 |
Item Three |
Morbi faucibus arcu accumsan lorem. |
29.99 |
Item Four |
Vitae integer tempus condimentum. |
19.99 |
Item Five |
Ante turpis integer aliquet porttitor. |
29.99 |
|
100.00 |