JOH-Portfolio

About me Skills Services Projects Contact

Theme

Hi I'm Julius O. Hernandez

👋

I'm a passionate web developer with a focus on either frontend or backend development. I build dynamic and responsive web applications using technologies like Next.js, React, Node.js, Express, and Tailwind CSS. Whether it's creating seamless user interfaces or building efficient backend systems, I aim to deliver high-performance and maintainable solutions. I also have experience in web scraping—particularly from anime and manga platforms—and have tackled challenges like bypassing CORS errors and handling M3U8 streams. I'm continuously growing my skills and committed to writing clean, scalable code.

My Skills

These are the skills and techs I've learned through building projects.

Programming Language

Javascript
Typescript

Frontend Development

React.js
Next.js
HTML
Tailwind CSS
CSS
Shadcn UI
Zustand
React Hook Form
React Query

Backend Development

Node.js
Express.js
REST
MySQL
MongoDB
PostgreSQL
Prisma

Web Scrapping

Cheerio
CORS handling

Other Tools and Technologies

GIT/GITHUB
Web Hosting (Vercel, Netlify, Render, VPS)
Deployment

Soft Skills

Problem Solving
Collaboration
Debugging

Skills Proficiency Overview

Percentage of proficiency in various technologies

Services

What i will do for you

Frontend Development

Specializing in web development, I design and build responsive, high-performance user interfaces using technologies like React, Next.js, and Tailwind CSS. I focus on creating scalable, accessible, and visually appealing applications with clean, maintainable code to deliver seamless user experiences across all devices.

Website Optimization

Improve website speed, SEO, and security to enhance user engagement and search engine rankings. I optimize code, implement best performance practices, and ensure smooth user experiences across all devices.

Backend Development

Specializing in API development, I build scalable and efficient server-side applications using Node.js, Express, and RESTful architectures. I focus on writing clean, maintainable code to support modern web development needs, including authentication, data handling, and integration with third-party services.

Web Scraping & Automation

Develop custom web scraping and automation solutions to extract valuable data, automate workflows, and improve business efficiency. I ensure clean, structured data output for actionable insights.

Projects

A showcase of my work and the projects I have built

ChatGpt Clone

A ChatGPT clone I built using Clerk, Next.js, Prisma, and MongoDB. It lets users have real-time AI chats, with a simple and responsive design and secure login features

MOCHI | Anime Streaming

An anime streaming website built with React.js, designed for anime lovers to easily watch their favorite shows and movies. It includes an intuitive interface and dark mode support, ensuring an enhanced viewing experience

PANELRUSH | Read Manga Online

A manga reading platform built with React.js for readers to explore and enjoy their favorite manga. It features detailed chapter and volume pages and an optimized reading experience for easy browsing and reading.

Barangay Banaba Web Application

A web application built with Next.js, Prisma, and PostgreSQL provided by Neon. It features secure authentication powered by JWT and bcrypt, SMS integration with Firebase, and email sending via Nodemailer. The site also includes a chatbot powered by OpenAI and real-time notifications using Pusher to keep users updated instantly

Messenger Clone

A web application built with React (Vite), Zustand, and React Query. It features real-time messaging powered by Socket.IO, a backend using Express and Prisma with MongoDB, and efficient state management for a seamless chat experience.

AnimeScrape API

A Node.js-powered web scraper API that extracts anime data using Express and Cheerio. It provides endpoints for retrieving anime titles, episodes, and streaming links in real time.

Contact Me

Feel free to contact me for any questions or opportunities!