SouthBay Math Circle

Non-Profit Organization

A remake of a non-profit organization lead by ICPDAS USA CEO's wife. This website was originally made with PHP and hosted on GoDaddy. In the attempt to minimize spending on the website and provide security to the information of the organization, I pitched my idea to use my set of skills to develop a faster and secure website using Next.js 13 and TailwindCSS.

Github Website

DevFlow

My Educational Development Brand

Because of the struggle of landing a job in the web development industry, I thought why don't I try and express myself and teach people programming. So I thought of different ways to approach what I want to do and I have finally found a way to produce content and a way to advertise and market my brand. I thought it was best to create a website that would have the intention for actual real world use by using the Headless CMS, SanityIO to process the different videos I will produce and create post everytime I have a new video or course up. I want to apply and use this to feature other interesting things in my life such as fitness and fishkeeping. The JAMStack project was done with NextJS, TailwindCSS, Styled Components and SanityIO.

Github Website

ICP DAS USA Inc

LAMP Stack B2B Commerce Website

ICP DAS USA Inc is the website that I helped polish, redesign, optimized and manage day to day for my company. The website is my current employer's official website and owns many other small businesses LSJTech, eAthenaTech, and UVGenie that I also manage. This website in particular is a PHP based website build in 2007 with a custom CMS using MySQL to hold content for our 2000+ products that we offer, newsletters, press releases, articles, support software and drivers, webinars, etc. The website has had many iterations of changes over the years and recently, the new design changes were done by me.

Website

ICP DAS USA Inc Rework

A remake of ICP DAS USA using WordPress.

With the company looking to grow and experiencing many problems over the years from a weak foundation of the websites implentation. It was best to redo the entire website. I wanted to initally create the new website with NextJS and some headless CMS but with further discussion my company thought it was best to use Wordpress as it was done previously for their other websites and worked well. Working with WordPress was new to me and I had to learn quick. Taking multiple online courses to learn theme development, plugin development, full site editing etc. were necessary to create this website without slowing it down with many bloating plugins. After months of studying and messing around with the wordpress. I have put together what could be the company's new website. It's still a work inprogress as I still need to implement over 15 year of content to WordPress but the website will be alot more orgainize and will preform better than the old.

Github (Private) Website

Cangrid

JAMStack Social Media Photo Gallery

A JAMStack project using NextJS and Firebase that will allow users to upload their photos to a universal gallery and share with others (the main page) and have a private gallery for their own uploads and everyone view it by a dynamic subdomain. Uploads are only processed by logging in and authenticating via Google. Users are also able to view individual upload and do the following: like, comment, read caption, view tags, read comments and read the exif meta data that comes from the uploaded image. The application is essentially a full fledged social media platform that allows users to share photos however the please. Please give my application a try. NEW ADDITIONS: Like Button, Night Mode, Mobile Styling

Github Demo

Flappy Dunsparce

Flappy Bird Clone for Mintbean.io Hackathon

Mintbean.io's August 2021 Hackaton had tasked me and other programmers to create their very own 2-D video game in 1 week. There was no restrictions to creating the game as you could use a game engine, you could start from scratch and build without any form of engine and basic programming elements. I went with using a game engine called Parser to do this project and fell into doing a Flappy Birds clone that stars the Pokemon Dunsparce. The project was also created with React in the front end after the game was complete.

Github Demo

MaxReps

Fitness Tracker Start Up

My feature project that I wish to build as my skills grow. MaxReps is a MERN stack web application that is meant to help fitness enthusiast to record their fitness goals while in the gym. Users are able to create an account, login, and view their workouts that they recorded by date. Please feel free to try out the application. If you don't want to create an account, here is a test account you can use.
Email: [email protected]
Password: 123

Github Demo

Tea Era

Nucamp Bootcamp Personal Project

A personal project for an imaginary tea shop to use the skills we acquired during the bootcamp. With the demo in the link below, includes the use of many Bootstrap elements along with React, React Strap and Animations. In the bootcamp, we were also taught to tranform our current application and make it a mobile application using React Native.

Github Demo

Quark

Particle Engine for Language Quorum

Quark is a particle engine/library that I helped create with a few peers for our University's Engineering Senior Design competition. We were tasked to create a particle engine with our professors Evidence based language Quorum. Basically everything from scratch except the objects used, we created a functional library with particle and particle emitter properites and a particle editor that creates and saves properties of a particle via JSON. Unfortunately, we did not win the competition we did get approved to include the library to our professor's language.

Github Video Demo

Theory of Practical Gaming

e-Sports Gaming Organization

A NextJS project that shows off my UI Design ability and my ability to transform an idea into a reality. This is one of many mock ups of a design for the esports organization I wanted to start a while back with friends. It features many interesting things about the company, the teams, an ecommerce section to sell merch and a partnership page to allow applications to join the team. The website is still a work in progress but will soon be live and will be used officially for the TPG website.

Github Demo

Netflix Clone

Netflix Clone

A ReactJS, Redux, and Firebase project that resembles everyones favorite movie streaming service Netflix. The app is part of a course to learn and produce full scale applications with a front end element of react, redux with managing user data, firebase for backend and deployment. Obviously, it will not have video playback functionality but it behaves like Netflix's official website.

Github Demo

Airbnb

Airbnb Clone with SanityIO, NextJS and GoogleMapsAPI

My first JAMStack approach. Project was a lot of fun trying to work with a powerful headless CMS other than Wordpress. I got to use NextJS, framework I'm really starting to get used to for such a unique build. All elements were planned based on how the data is structured in the sanity studio by creating schemas. From there, I created the front end and developed the elements that make the icon Airbnb loadout with a cluster map with the help of the Google Maps API

Github Demo Sanity.io Dashboard

LinkUP

WhatsApp Clone

A NextJS/Firebase project that allows users who log in using their Google accounts can instant message other users who log in using google. First time approaching a project using NextJS and Firebase. I learned a lot and can continue to improve aspects of the app. There's a lot of room to turn the project into a full fledge everyday public application.

Github Demo

Blackjack

Blackjack with interactive JS elements

Project was primarily done with Javascript and lacked reponsiveness throughout the application. Game is fully functional with rematch capabilities, score counter, hand count, and all Blackjack functionalities. Game is fair with every game starting with a newly shuffled deck. Currently remaking this game with ReactJS.

Github Demo