Skip to content
View john-bars's full-sized avatar

Block or report john-bars

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.

Maximum 250 characters. Please don't include any personal information such as legal names or email addresses. 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
john-bars/README.md

John Bars Quipia

React / Frontend Developer

Hi! Iโ€™m John Bars, a web developer from the Philippines focused on building modern, responsive web applications using React, Next.js, and Tailwind CSS. I enjoy turning ideas into functional products and continuously improving my full-stack skills.


๐Ÿ“„ Resume


๐Ÿ›  Skills

Frontend

  • React, Next.js
  • HTML, CSS, Tailwind CSS
  • JavaScript, TypeScript

UI & Styling

  • Material UI (MUI)

State Management & Data Fetching

  • Redux (basic)
  • Redux Toolkit Query (RTK Query)
  • Zustand

Backend & Databases

  • MongoDB, Prisma (basic)
  • API integration

Other

  • Python
  • OAuth authentication
  • AI API integration

๐Ÿš€ Project Samples

DevFlow

๐Ÿ”— https://devflow-bars.vercel.app

A full-stack, Stack Overflowโ€“inspired Q&A platform featuring:

  • User authentication with OAuth (Google & GitHub)
  • AI-assisted answers using OpenAI API
  • Job listings fetched from external APIs
  • Responsive UI built with Tailwind CSS

Initially implemented with Clerk authentication, currently migrating fully to Next.js OAuth.


Portfolio Website (v1)

๐Ÿ”— https://john-bars-v1.vercel.app

My earlier personal portfolio showcasing projects and responsive layouts.


Filmpire

๐Ÿ”— https://filmpire-bars.vercel.app

A movie discovery application powered by the TMDB API, featuring search, browsing, and responsive UI design.

Portfolio Website

๐Ÿ”— https://john-bars.vercel.app

A movie discovery application powered by the TMDB API, featuring search, browsing, and responsive UI design.


๐Ÿ“ฌ Get in Touch

Looking for a Web Developer?
Feel free to reach out at john.barsq@gmail.com.

Pinned Loading

  1. car_showcase car_showcase Public

    TypeScript

  2. messenger-clone messenger-clone Public

    TypeScript

  3. stack_overflow_nextjs13 stack_overflow_nextjs13 Public

    TypeScript

  4. Portfolio-v2 Portfolio-v2 Public

    TypeScript