Projects
Projects, I’ve worked on
Recent Works
Music Learning
The project is an educational music platform for young children. It offers interactive lessons and games to teach basic music concepts such as notes, rhythms, and melodies. The platform is designed to be engaging and fun, using colorful graphics and animations to capture children's attention. It includes features like sing-along songs, virtual instruments, and quizzes to reinforce learning. The goal is to make music education accessible and enjoyable for kids, fostering a love for music from an early age.
Tech Used
Express.js
Pixi.js
JavaScript
CSS 3
Tone.js
EventEmitter
Tween.js
Lottie
Audio Visualizer
This project is a browser-only real-time audio visualizer built as a lightweight MVP. The goal was to take uploaded audio and visualize it as a dynamic 3D bar graph that reacts in real time, without relying on any backend services. The application runs entirely in the browser using the Web Audio API for audio decoding and FFT analysis, combined with WebGL (via Three.js) to render a smooth, high-performance visualization at around 60 FPS. Users can upload MP3 or WAV files, play them instantly, and see the waveform respond live as the audio plays.
Tech Used
Next.js
Three.js
TypeScript
Tailwind CSS
Qoves
QOVES offers facial assessments and recommendations grounded in sophisticated aesthetic research. Qoves aim to deliver general information and should not be considered a replacement for professional medical advice, diagnosis, or treatment. It is essential to consult user's physician or a qualified health provider for any questions, or before undertaking any treatment or procedure.
Tech Used
Next.js
GSAP
Lottie
TypeScript
SCSS
Blackalgo
The investing information provided on this page is for educational purposes only. Blackalgo does not offer advisory or brokerage services, nor does it recommend or advise investors to buy or sell particular cryptocurrencies, stocks, securities or other investments. Past performance is no guarantee of future results.
Tech Used
Next.js
Express.js
GSAP
Lottie
TypeScript
Tailwind CSS
MongoDB
Python
SkinStric
Skinstric carefully analyzes your facial features to offer targeted skincare solutions designed specifically for you. By examining the unique characteristics of your skin, Skinstric delivers personalized skincare advice to help you achieve the best results. Skinstric uses advanced facial analysis to recommend skincare methods that align with your skin’s individual needs and conditions.
Tech Used
Next.js
Express.js
GSAP
Three.js
TypeScript
Tailwind CSS
MongoDB
Booty By Bret
Booty by Bret is an affordable, flexible, and highly effective glute-building program created by the world's foremost expert in glute training, Bret Contreras, PhD, CSCS, and personal trainer for 20 years. The workouts in this program are the exact workouts used at Glute Lab by members of Bret’s Glute Squad and are highly efficient to maximize aesthetics, body composition, strength, and athletic goals.
Tech Used
WordPress
Woocommerce
Express.js
JavaScript
MongoDB
React Native
Eric Cressey
A highly sought-after coach for healthy and injured athletes alike, Eric has helped athletes at all levels – from youth sports to the professional and Olympic ranks – achieve their highest levels of performance in a variety of sports.
Tech Used
WordPress
Woocommerce
Express.js
JavaScript
MongoDB
React Native
NPTE Ninja
Take Your NPTE Prep to the Next Level and Become an NPTE Ninja!
Tech Used
WordPress
Woocommerce
Express.js
JavaScript
MongoDB
Flutter
Plinko
Plinko is a popular pricing game from the television game show The Price is Right. In Plinko, contestants drop a small disc (the "Plinko chip") down a large pegboard, hoping it lands in a slot at the bottom of the board with a high cash value.
Tech Used
Vue.js
Pixi.js
TypeScript
CSS3
Mines
The Mines betting game is a popular online casino game that is often categorized under "crash" or "instant win" games. The game is inspired by the classic "Minesweeper" video game, where players must avoid mines on a grid while trying to uncover as many safe tiles as possible.
Tech Used
Vue.js
TypeScript
CSS3
POS
This application is a Point of Sale (POS) system designed for managing product sales in a user-friendly interface. It allows users to browse products, add them to a shopping cart, and proceed to checkout. The app is built using TypeScript and React, leveraging Next.js for server-side rendering and routing, and utilizes a context API for state management.
Tech Used
Next.js
TypeScript
Tailwind CSS
Video Editor
A basic video editor with cut, crop, filters and frame export tools.
Tech Used
Next.js
TypeScript
Tailwind CSS
Galope Libertador
Galope Libertador is an interactive web-based game designed for both desktop and mobile platforms. The primary objective of the game is to navigate a character through a scrolling landscape while avoiding obstacles and collecting items to earn points. Players can jump and perform a double jump to avoid obstacles, specifically cacti, while collecting items that grant additional points.
Tech Used
Next.js
TypeScript
Tailwind CSS
Canvas
Chess
This application is a web-based chess game that allows users to play chess against another player in real-time. The app features a fully interactive chessboard where players can select and move pieces according to the rules of chess. The game tracks the current player's turn, displays the game status, and maintains a history of moves made during the game.
Tech Used
Next.js
TypeScript
Tailwind CSS
Poker
This application is a web-based poker game designed to simulate a Texas Hold'em experience. It is primarily designed for my 65 touch table. It allows users to play poker with friends or against AI players, providing an interactive and engaging environment for both casual and serious players.
Tech Used
Next.js
TypeScript
Tailwind CSS
Previous Works
Silver Border
A reusable UI component with a glowing metallic silver border, perfect for emphasis or premium sections.
Tech Used
Next.js
TypeScript
Tailwind CSS
WhiteBoard
The React virtual whiteboard allows users to draw freely, create shapes, and add text, similar to a paint application. Users can drag and drop images onto the whiteboard for annotation, resizing, and positioning. The whiteboard includes a save feature, enabling users to export their creations as image files for easy sharing.
Tech Used
React.js
Fabric
Sass
JavaScript
A clone of the popular WeChat app, featuring messaging, social media, and payment functionalities.
Tech Used
React.js
Ecommerce Admin Dashboard
An admin dashboard for managing an e-commerce platform, providing features such as product management, order tracking, and user management.
Tech Used
React.js
Capture
Capture is a photo gallery application that allows users to upload, view, and manage their photos in a user-friendly interface.
Tech Used
React.js
Image Gallery
An image gallery application that allows users to browse and view images in a grid layout.
Tech Used
Next.js
Movie Gallery
A movie gallery application that allows users to search and view information about movies, including ratings, reviews, and trailers.
Tech Used
React.js
Lucky Spin
Lucky Spin is a fun and interactive game that allows users to spin a virtual wheel for prizes or rewards. The game is designed to be engaging and entertaining, providing users with a chance to win various items or discounts.
Tech Used
Phaser.js
Todo List
A simple todo list application that allows users to create, edit, and delete tasks, helping them manage their daily activities efficiently.
Tech Used
React.js