Hi there, I'm Jordi 👋

I'm a Front-end Web Developer & Web Designer

Say Hi! My Projects

My Projects

  • Screenshot of the BusinessLink upgrade resources microsite

    BusinessLink Microsite

    This microsite was the result of a need to house information and resources regarding an online banking upgrade. Bootstrap was used as the framework for this site, along with some custom CSS and JavaScript. Excluding the content, the microsite was developed entirely by me.

    Technologies Used

    • XD
    • HTML
    • CSS
    • SCSS
    • Bootstrap
    • JavaScript
    View Site
  • Screenshot of the VFW website

    VFW MO Payment Portal

    An online payment portal solution for the Veterans of Foreign Wars - Department of Missouri. This site was built using custom HTML, CSS, JavaScript, and jQuery in collaboration with Envoc's ElectPay technology. The main feature of this project is the multi-step form that has working live inline validation.

    Technologies Used

    • XD
    • HTML
    • CSS
    • JavaScript
    • jQuery
    • ElectPay
    View Site
  • Screenshot of this portfolio website

    This Portfolio

    Designed with Figma and built from the ground up, this monochromatic portfolio uses some CSS methodoligies like utility classes and BEM to create a sleek, responsive site. I used Netlify to handle form submissions.

    Technologies Used

    • Figma
    • HTML
    • CSS
    • SCSS
    • JavaScript
    • AOS
    • Netlify
    View Code
  • Screenshot of the employee directory website

    Employee Directory

    This is a employee directory generated by utilzing FetchAPI. I pulled 12 people from radomuser.me and displayed them in a responsive grid. Users can click on any employee to open up a modal to display more detailed information about them.

    Technologies Used

    • HTML
    • CSS
    • JavaScript
    • API
    View Code View Site
  • Screenshot of the Web App dashboard website

    WebApp Dashboard

    This dashboard was my first experience using inline SVGs and charts.js. I learned how to better manipulate the DOM and also had my first tango with form validation. Overall, this was one of the more challenging projects I have taken on so far.

    Technologies Used

    • HTML
    • CSS
    • JavaScript
    • charts.js
    View Code View Site
  • Screenshot of the game show app website

    Game Show App

    You have five chances to guess a randomly chosen phrase before it's game over. I learned the basics of JavaScript arrays, functions, and event listeners. Why not give it a shot yourself? See if you can guess at least one of the phrases!

    Technologies Used

    • HTML
    • CSS
    • JavaScript
    View Code View Site

Who I Am

I've had a passion for designing websites since my senior year in high school, but it wasn't until my freshman year in community college that I really started to learn more than just the basics. I've continued to hone my skills and learn as much as possible with a focus on semantic and accessible websites. Also, If you were curious, my biggest hobbies are cooking 🧑🏻‍🍳 and gaming 🎮.

  • HTML5 icon
  • CSS3 icon
  • JavaScript icon
  • React icon
  • SASS icon
  • Bootstrap 5 icon
  • Webflow icon
  • Figma icon
  • Adobe XD icon
  • Adobe Photoshop icon
  • Adobe Illustrator icon

Why Choose Me

I continue to learn, design, and code day by day after years of being in the industry.

Handshake icon

Fully Professional

Having worked at a national bank for over 5 years I know what is required of me to get work done in a professional setting. Whether that is directly with customers or with internal members, I feel confident that I can work with just about anyone.

Handshake icon

Quality Work

What is the point of getting anything done if it is not at the best it can be? While there will always be compromises on projects I feel it is important to get as much right as possible right from the get-go. That is how I approach every project I take on.

Handshake icon

100% Satisfaction

Whether I am working as part of a company or on my own with a customer, I bring out my best to meet the expectations that were set on me, if not surpass them. We will go through as many iterations as necessary to get the job done.

Contact Me

Don't be shy, say hi! 😊

If you have any questions on what I do or just want to chat about the industry, then feel free to reach out.

Reach me via socials

Contact Info