Skip to content
View johnlomat's full-sized avatar
🏠
Working from home
🏠
Working from home

Block or report johnlomat

Block user

Prevent this user from interacting with your repositories and sending you notifications. Learn more about blocking users.

You must be logged in to block users.

Please don't include any personal information such as legal names or email addresses. Maximum 100 characters, markdown supported. This note will be visible to only you.
Report abuse

Contact GitHub support about this user’s behavior. Learn more about reporting abuse.

Report abuse
johnlomat/README.md

Hi , I'm John


About Me

I am a passionate frontend developer with a strong foundation in modern web technologies, specializing in creating static websites optimized for SEO. My expertise lies in crafting dynamic, responsive, and SEO-friendly web applications using a variety of tools and frameworks.

My Skills

  • HTML: Proficient in writing semantic HTML5, ensuring that web pages are well-structured and optimized for search engines.
  • CSS: Skilled in using CSS3 to style websites, including mastery of layouts with Flexbox and Grid, as well as using pre-processors like SASS for efficient styling.
  • JavaScript: Experienced in writing clean and efficient JavaScript code, including ES6+ features, to enhance user interactions and functionality.
  • React: Adept at building static and performant user interfaces with React, leveraging its component-based architecture to create reusable and maintainable code.
  • Next.js: Proficient in using Next.js to build statically generated (SSG) websites, optimizing for performance and ensuring excellent SEO practices.

What I Do

I specialize in developing static websites that not only look great but also rank well in search engine results. By staying up-to-date with SEO best practices and web development trends, I ensure that my projects are modern, scalable, and SEO-optimized.

Whether it's crafting the visual elements with HTML and CSS, enhancing user interactions with JavaScript, or leveraging React and Next.js to build SEO-friendly static websites, I bring a comprehensive skill set to every project. My goal is to create web applications that are visually appealing, highly functional, and deliver exceptional SEO performance.




Skills


  • Languages:

    HTML5 CSS3 JavaScript TypeScript PHP

  • Frameworks:

    React NEXTJS jQuery Tailwind CSS Bootstrap

  • Database:

    MySQL MongoDB

  • API/Query Language:

    REST API GraphQL

  • Cloud Hosting:

    Github Pages Vercel cPanel

  • Preprocessors:

    SASS

  • Softwares and Tools:

    Git GitHub Visual Studio Code npm Webpack Prettier ESLint

  • Runtime Environment:

    Node.js

  • Content Management System:

    WordPress Payload CMS


Github Stats




Pinned Loading

  1. portfolio-payload-next-app-router portfolio-payload-next-app-router Public

    A dynamic portfolio website using headless Payload CMS for content management, Next.js with ISR for rendering, Tailwind CSS for styling, React for user interaction, and Flowbite React for UI compon…

    TypeScript 1

  2. wordpress-headless-cms-next-js wordpress-headless-cms-next-js Public

    This project demonstrates how to use WordPress as a headless CMS with Next.js. It leverages Advanced Custom Fields (ACF) to manage custom data in WordPress and fetches this data via the WPGraphQL p…

    TypeScript

  3. portfolio-payload-cms portfolio-payload-cms Public

    Payload CMS is a powerful headless content management system designed for flexibility and control over content structure and delivery. I use it to streamline uploading new projects to my portfolio,…

    TypeScript

  4. weather-react-web-app weather-react-web-app Public

    The Weather React Web App is a streamlined React-based solution with Bootstrap integration, ensuring responsive design across devices. Seamlessly incorporating OpenWeather API, it delivers real-tim…

    SCSS

  5. premier-volleyball-league-site premier-volleyball-league-site Public

    Created using HTML, CSS, and JavaScript. It utilizes Bootstrap 5 and SASS for streamlined styling and layout, while integrating Swiper JS for interactive content sliders.

    HTML

  6. laravel-car-crud laravel-car-crud Public

    The Laravel CRUD app, enhanced with Tailwind CSS, simplifies data management tasks. With Tailwind's sleek styling and Laravel's robust backend, users can effortlessly perform CRUD operations. It's …

    PHP