About

Skills

React

Typescript

Javascript

Html

Css3

Java

Python

Express

NodeJs

Php

Mongodb

Mysql

Sass

Jest

Junit

Git

Figma

Illustrator

Photoshop

Hadoop

Project

LAP

A desktop-based software that visualizes manufacturing data from any database, eliminating the need for writing most PLC logic, and streamlining plant floor troubleshooting by displaying PLC functions in layman's terms. Implemented a universal sequencing approach driven by data, which uses a hierarchy of sequences to deliver consistent and contextual control and data where and when it is required.
Problem Solved: This project makes lives for factory worker easier by allow them to easily track and control each processes and machines.
This project shows my experience in developing internal business applications, working in an agile environment, customizing third-party applications, and automating processes.

Tech Stack: C#, .NET, WPF

Travelers

Developed a sleek and intuitive public-facing web application, integrating with the REST Countries API using React and Axiom. Managed state and data flow handling using React-Redux. Handled routing using react-router Implemented a homepage displaying all available countries and integrated search button to search for a specific country. Developed a filtering feature allowing users to narrow down their search results by region, optimizing user experience. Enabled users to view more detailed information on a separate page by clicking on a specific country, including access to bordering countries, that they can then navigate to. Customized the web application with the option to toggle between light and dark color schemes, providing users with greater flexibility and control over their experience.
The Problem Solved: For those who want to learn about a country before visiting it they can easily find the information, and truly be more prepared.

Tech Stack: React, CSS, Javascript, Redux, React-Router, RESTAPI

Interactive Card Detailer

Created an interactive card details form that allowed users to input their credit card information and have it visually displayed in real-time. The main objectives of this project were to practice DOM manipulation, form validation, and responsive design. The user interface of the form included error messages to indicate when any of the input fields were empty or formatted incorrectly. To enhance the user experience, hover, active, and focus states were also implemented for interactive elements on the page. while also showcasing my HTML and CSS skills.
Problem SolvedThis project makes lives for debit/credit card creation easier.

Tech Stack: Javascript, Html, CSS

Interactive Card Detailer

SaaS Website Builder, Project Management And Dashboard built With Stripe using Nextjs14, Bun, Stripe Connect, Prisma, MySQL, Tailwind.
Live Link not currently available yet

Tech Stack: React, Next.Js, Stripe, Prisma, MySQL, Tailwindcss

Contact

Message Me!

Project Capsule

Here is more projects I have done. Hover on each to focus on it.

Manage

Developed a landing page for a fictitious finance management company with the goal of attracting and engaging potential customers. In addition to creating a visually appealing responsive website, I integrated a newsletter sign-up feature to attract new customers and provide them with valuable financial information on a regular basis. By utilizing an effective email marketing strategy, the landing page is able to convert website visitors into loyal subscribers.

Tech Stack: HTML, CSS, Javascript, Git

Gericht

Developed a landing page for a Restaurant with the goal of attracting and engaging potential customers by creating a visually appealing responsive website, I integrated a newsletter. By utilizing an effective email marketing strategy, the landing page is able to convert website visitors into loyal subscribers.
Through this project I gained experience: with React Functional components, creating React file and folder structures. Mastered flex and grid CSS properties. Gained more experience using CSS BEM Model. Gained more experience with animation

Tech Stack: React, react-icons, CSS, BEM Model

GPT3

Created a landing page for GPT3 using react. Through this project I gained experience: with React Functional components, creating React file and folder structures. Mastered flex and grid CSS properties. Gained more experience using CSS BEM Model. Gained more experience with animation and complex text gradient
Problem Solved: Create a informative engaging website.

Tech Stack: React Redux

Wiki Revision Finder

This was my first ever project, In this Java based project allow me to gain experience accessing, retrieving data from a live data api. I converted api data into json data to create a data store in case the api ever went down, and to minimize calls to the api if there was no changes to the data

Tech Stack: Java, JavaFx, WikiAPI

Expense Chart

In this project I worked with representing and visualizing data. I utilized chartJS to handle streamlining the data retrieval along with fetch api to get the data

Tech Stack: Html, CSS, Javascript, ChartJs Json

LouiseLashes

Designed, developed, and deployed this e-commerce website for Louise Lashes. As a result, the website increased profits by 50%. I utilized Figma for wire-framing and prototyping, JavaScript, HTML, CSS for front-end development. Additionally, I used Wixs' content management system and backend services, such as the Bookings.com API for scheduling appointments and Square for handling payments. The end result was a modern, responsive website with an improved user experience.

Tech Stack: Html, css, javascript, Wix bookings.com and Square Api

Form U Later

This project I gained experience with form, data validation, data handling, form validation, and loading suspense
Problem Solved: Create a informative engaging website.

Tech Stack: Html, JavaScript, CSS

Epic Duel

This is a rock paper scissor game.

Tech Stack: Html, Css, Javascript

DashboardUI

This project is a admin dashboard.

Tech Stack: Javascript, Html, CSS,

Etch It

This is a etch a Sketch game. This project I gained experience with dom manipulation.

Javascript, Html, CSS

Bevel

In this project i practice using the holy grail layout with flex

html, css

Trendy Apparel

This is a e-commerce MERN Stack site. Thing I learned during this project: Advance State Management using React Context Api. Advance react practice like folder and file structure hooks, refs Fire-based routing, data fetching that allows server-side rendering and static generation to make the site optimize. Next.js as backend endpoint. Stripe to manage payments, products, shipping rates, and the entire checkout process. Sanity to manage content of the app. Sanity is a unified content platform.

Tech stack: React, Sanity, Stripe, Next.js, Fire-base, Css Context Api

Classic Game Gauntlet

This project user can play all the classic game from snake to hangman

Tech Stack: Java, JavaFx

PlanX

Contributed to an open-source Planner project by implementing new features and redesigning the user interface. Specifically, I added a note filtering feature that allows users to view notes by event category, as well as an alarm feature that allows users to set alarms for their events. I also redesigned the color scheme and re-branded the application to improve its overall look and feel. My contributions have helped enhance the user experience and improve the functionality of the Planner project.

Tech Stack: Java, JavaFx