Featured GitHub & Live Demo Projects
::before and ::after pseudo-elements
A div element with ::before and ::after pseudo-elements to form the top curves of the heart, and CSS animations to add a pulsing effect.
** Fullstack Mega App - MERN Tensorflow.js Authenetication **
This project leverages AI, real-time interactions, and smart e-commerce solutions to create an intelligent, adaptive, and engaging platform. By combining machine learning, AI-powered insights, and real-time interactivity, it enhances shopping, blogging, gaming, and user-generated content in a seamless and automated way.
AI Generated Video - Tree Background Website
AI Generated Tree Background Website is a simple website that showcases a beautiful AI-generated animated video tree background.
Animated Christmas Tree
Original festive animated Christmas tree that was built using HTML, CSS, and a bit of JavaScript.
Backend Testing with Puppeteer, Jest, Supertest, & Faker
Comprehensive project showcasing backend testing using Puppeteer, Jest, Supertest, and Faker
Blackjack Game Fullstack React Native App
A fullstack Blackjack game built with React Native, Node.js, and Express. It features a user-friendly interface, real-time gameplay, and a secure backend.
Boston Salaries
Boston's top salary brackets, highlighting the top earner over $200,000 a year
Cat Pixel Side Scroller
Cat Pixel Side Scroller is a fun, interactive game where players control a pixelated cat navigating through various obstacles and challenges.
Chicago Salaries Chart
Salary trends in Chicago showing the data graphed to display the curve
Cosmic Critter Dash Game
A responsive, neon-infused arcade shooter built with HTML5 Canvas, Vanilla JS, and CSS.
CRA Shopping-Cart with Jest
Shopping-Cart application built using React, Bootstrap, Axios, Strapi, and GraphQL
CSS Styles Code Cascade
This project uses a combination of HTML, CSS, and JavaScript to create an animated text effect. Each character is individually animated to fall in a staggered sequence.
Cute Halloween CSS
This project is a fun, simple CSS and HTML creation featuring three Halloween-themed items: pumpkin, ghost, spider web.
Data Structures and Algorithms in JavaScript
This project includes the freeCodeCamp tutorial on Data Structures and Algorithms in JavaScript. There are also additional none freeCodeCamp files added to enhance learning concepts.
Disney Character CRUD API Swagger
Interactive project, employing Swagger for enhanced user interaction, offers CRUD operations to interact with the character data
Docker Pipeline Demo
Continuous Integration workflow; where Docker, GitHub Actions, and DockerHub seamlessly integrate for effective CI processes
Dragon Portal Website
A whimsical and professional single-page website featuring an AI generated dragon video embedded as a glowing portal to a fantasy realm.
Eight Circles Z-Index
Eight CSS stylized circles layered using z-index.
Formik Login Form
React component that renders a login form. It imports the useFormik hook from the Formik library to handle form validation and submission.
Formik React Sign-Up Form
Simple sign-up form built using React and the Formik library, allowing users to input their email, password, date of birth, and phone number
Fullstack MERN Chat App
ChatApp MERN stack is a real-time chat application built using Node.js, Express, Socket.IO, Firebase Auth, 3rd Party Google and Apple, Accessibility Toolbar and real time direct messaging or chatrooms.
Gemstone Collector Game
Gemstone Collector Game is a fun, interactive game where players collect gemstones while avoiding obstacles.
GraphQL Restaurant Database
GraphQL API for managing restaurant data handling and retrieval
Harry Potter API React Project
React application that utilizes the Harry Potter API to display information about characters from the Harry Potter series