Profile Picture

Kane Pereira 🧙‍♂️

Maker... Builder... Self-taught Software Developer

PROJECTS

Better-Lenny-Um

Better-Lenny-Um

  • JavaScript

  • HTML

  • CSS

  • Selenium

  • Playwright

Google Chrome no longer supports the Selenium IDE so I created a developer friendly alternative called Better-Lenny-Um.

Gesture Detector

AI Powered Gesture Detector

  • JavaScript

  • HTML

  • CSS

  • React.js

  • Vite.js

  • Google Mediapipe

I created an AI powered gesture detector using Vite.js and Google Mediapipe Gesture Recognition. This app uses the webcam feed to detect both hand and facial gesture combinations and only unlocks for the correct one held for 3sec. This uses some of the free AI models for gesture recognition on Mediapipe and based on the quality score its treated as a valid input.

thekaneologist_autoclicker

TheKaneologist Auto-clicker App

  • Go

I created an Auto-clicker application that can be downloaded and used right away using Golang. Built using concurrency via goroutines to allow users to set START/STOP and INTERVAL fields dynamically as custom settings for the auto-clicker. Using Fyne.io Framework to build the GUI in Golang allowing user to easily interact with the auto-clicker dynamic features. I did this all while being on LIVESTREAM from starting scratch on my YouTube channel where I took the app from concept to completion!

Lyric Chief Site

Lyric Chief - Webflow Migration

  • JavaScript

  • HTML

  • CSS

  • Python

  • PSQL

  • React.js

  • Node.js

  • Express.js

  • Jira

  • Supabase

I migrated this app that originally used Webflow for their Front-End to Next.js/Vercel. Set up a modular architecture that allowed for component reusability. Employed local state management using React Hooks and styling via Tailwind CSS. Created custom webhooks and API routes that connected to Supabase on the backend. Also created a custom API that integrated site pop-up forms with Mailchimp. Worked with team to setup real-time updates to setlsits and newly added songs as per request. Performed regular weekly maintenace through ticket tracking via Jira.

Fullstack & Cyber Security - Threat Tracker App

FULLSTACK & CYBER SECURITY - THREAT TRACKER APP

  • JavaScript

  • HTML

  • CSS

  • PSQL

  • React.js

  • Node.js

  • Express.js

  • Postman

I built a fullstack application that ties in cybersecurity principles using React.js and Express.js. The application requests a user to log in and get authenticated using producing a JWT. Once a valid JWT is generated the user can then login and use the API to pull cyber threat data which is peristed in PSQL. App features pagination logic and password encryption for easy UI and user account security.

Form Builder React.js + Laravel + PSQL

CREATE A FORM BUILDER USING DEEPSEEK + REACT.JS + LARAVEL

  • JavaScript

  • HTML

  • CSS

  • PSQL

  • React.js

  • Postman

  • PHP

  • Laravel

I created custom from builder using React.js, Laravel and PSQL. In this project I use DeepSeek to aid in the backend development to see whether it can help me bridge the gap between FE and BE as I have never used Laravel before. Definitely check this out~!

Next.js + Notion Blog

CREATE A BLOG WITH NOTION + NEXT.JS

  • JavaScript

  • HTML

  • CSS

  • React.js

  • Next.js

I created a Blog for my webpage which combines the core Next.js application with Notion acting both as a Database and a Content Management System for the Blog.

Led Diagram Sketcher

LED DIAGRAM SKETCHER

  • JavaScript

  • HTML

  • CSS

  • React.js

I built an app that takes a CSV file and pulls data from it to create drawings of LED Screens with their dimensions. You can then download these drawings in PDF form.

Crude HTTP Web Server Using Web Sockets

CRUDE HTTP WEB SERVER USING WEBSOCKETS

  • Python

I created a crude webserver leveraging Python's Socket Library.

Emoji Kitchen Game

EMOJI KITCHEN GAME

  • JavaScript

  • HTML

  • CSS

  • React.js

  • Node.js

  • Jest

  • Vitest

Emoji Kitchen Game is a website where you can mix and mash emojis to create brand-new, fun combinations!

Pokeroster

POKEROSTER

  • JavaScript

  • HTML

  • CSS

  • PSQL

  • React.js

  • Next.js

  • Node.js

  • Express.js

Pokeroster is a data aggregation app that lets you choose and build your roster containing your top 6 favourite Pokemon! It shows a live feed of the top 3 most selected Pokemon from all of the data entries.

Internet Usage Tracker

INTERNET USAGE TRACKER

  • JavaScript

  • HTML

  • CSS

I built a Google Chrome Extension that tracks time spent on the internet and allows the user to see a graph containing a live-feed of their weekly time spent online!

SKILLS

LANGAUGES

  • JavaScript

  • HTML

  • CSS

  • Python

  • Dart

  • C++

  • C

  • MATLab

  • SASS

  • Go

  • PHP

FRAMEWORKS / LIBRARIES

  • React.js

  • Next.js

  • Node.js

  • Express.js

  • TypeScript

  • Flutter

  • Jest

  • Vite.js

  • Vitest

  • Laravel

DATABASES

  • PSQL

  • MySQL

  • SQLite

  • Firebase

  • MongoDB

OTHER TOOLS

  • Selenium

  • Playwright

  • Postman

  • Heroku

  • Git

  • Prisma ORM

  • Jira

  • Confluence

  • Teamcity

  • Figma

  • XCode

  • Android Studio

  • Arduino

  • Raspberry Pi

  • Supabase

  • Google Mediapipe

COURSES

Fundamentals of Arduino with Sensors

FUNDAMENTALS OF ARDUINO WITH SENSORS (C/C++)

Try my Arduino course for beginners! Details for sensor code and wiring detailed in course by module.

LET'S CONNECT~!

© 2026 | Designed & Coded by Kane Pereira