Vampire Survivors

Vampire Survivors is an action-packed tower defense game created with Phaser.js. Players defend their base against waves of enemies, strategically placing towers that automatically attack enemies. Between waves, players use coins to buy guns, upgrade their character, or increase health for themselves or their base. The game features a mini-boss and culminates in a final boss battle after completing seven waves. With its blend of strategic tower defense, character upgrades, and intense boss fights, Vampire Survivors offers an immersive and challenging gameplay experience.

Metal Slug Game

Metal Slug Game is an action-packed web game created with Phaser.js, inspired by the classic arcade theme of soldiers in combat. Players take on the role of a soldier tasked with eliminating as many enemy soldiers as possible to achieve the highest score. Armed with a variety of weapons, players can shoot with the 'Z' key, attack with a knife using the 'U' key, and throw bombs with the 'I' key. Enemies are also soldiers and will attack using guns, creating a challenging and intense gameplay experience. The game combines strategic weapon use and quick reflexes to deliver a thrilling and engaging action adventure.

Space Shooter

Space Shooter is an exhilarating web game developed with Phaser.js. In this game, players control a spaceship tasked with protecting a cargo spaceship while defending against enemy attacks. Players must navigate through space, dodging enemy fire and using the 'SPACE' key to shoot and eliminate enemies. The challenge is to protect both the player spaceship and the cargo spaceship within a specified time limit. With its fast-paced action and strategic gameplay, Space Shooter provides an intense and thrilling gaming experience.

Snake Game

Snake Game is a modern take on the classic arcade game, developed with Phaser.js. Players control a snake that grows in length each time it eats coin appearing on the screen. The objective is to navigate the snake to consume as much coins as possible without colliding with the walls or its own tail. With its simple yet addictive gameplay, Snake Game offers a nostalgic experience combined with smooth, responsive controls and vibrant graphics.

Sandwich Man

Sandwich Man is a fun and engaging web game created with Phaser.js. In this game, players control the bottom piece of bread in a sandwich and move it left or right to catch various toppings falling from the top. The objective is to collect all the toppings to complete the sandwich and win the game. With its simple controls and enjoyable gameplay, Sandwich Man offers an entertaining challenge that tests players' reflexes and coordination.

Clock Solitaire

Clock Solitaire is a classic card game brought to life with Phaser.js. In this web game, players engage in a single-player card game where the objective is to arrange cards in a clock-like formation based on their values. The game tests both luck and strategy as players draw and place cards, aiming to complete the clock before running out of moves. With its intuitive interface and engaging gameplay, Clock Solitaire offers a refreshing digital take on the beloved card game.

Guess the Song Title

Guess the Song Title is an interactive website created for UK singer Rav-le, designed to promote his song released in July 2024. Inspired by the popular Wordle game, this website challenges users to guess each word of the song title. Built using Next.js and Tailwind CSS, the site offers a sleek and engaging user experience. Players receive feedback on their guesses, helping them inch closer to revealing the entire song title. This project showcases my ability to blend creativity with technical skills to deliver a fun and interactive promotional tool.

NationPrep

NationPrep is a meticulously crafted clone of the popular high school basketball website Prep Hoops. Built using Next.js and Tailwind CSS, NationPrep faithfully replicates the frontend design and user experience of its inspiration. With a focus on responsive design and seamless navigation, users can explore the latest news, rankings, analysis, and recruiting information about high school basketball players and teams just like they would on Prep Hoops. NationPrep serves as a testament to my proficiency in frontend development, showcasing my ability to recreate complex web interfaces with precision and attention to detail.

Italia Cartina

Italia Cartina is an educational web game built with Phaser.js, featuring an interactive map of Italy. Players are presented with a map of Italy where all regions are highlighted with distinct colors. The objective of the game is to enhance geographic knowledge by dragging and dropping region labels onto their corresponding areas on the map. Each correct placement earns points and progresses the player to the next level. Subsequent level increase the challenge by requiring players to place capital city labels onto their respective regions. With its engaging gameplay and educational content, Italia Cartina offers an entertaining way for players to learn about the geography of Italy while honing their spatial awareness skills.

Whack a Mole

Whack a Mole is a classic web game created with simple HTML, CSS, and JavaScript. The objective of the game is simple: players must click on the moles as they randomly pop up from their holes. Each successful click earns the player a point, while accidentally clicking on a bad mole deducts a point from the player's score. The game presents a challenging task for players to score 50 points.

The Wordshift

"The WordShift" is a dynamic word puzzle game created with HTML, CSS, JavaScript, and Tailwind CSS. Players decipher a series of 5-letter words, and as they solve each word, the board seamlessly shifts to reveal a new challenge. The game starts instantly without a menu, and with a word reset on each page load, it delivers a fresh and unpredictable experience. Tailwind CSS ensures a sleek design, while HTML and JavaScript power the interactive and engaging gameplay, making "The WordShift" a compelling daily word-solving adventure.

PaintGame

"PaitGame," utilizing Phaser.js, presents an intriguing challenge where players extract specific paint quantities through color-coded tubes and buttons. Armed with random paint amounts, players strategically press buttons to fill a container accurately. The "Ready" button initiates new paint quantity generation, fostering an endless and compelling gameplay loop. With its interactive mechanics and randomized challenges, "PaitGame" offers an engaging experience, urging players to refine their paint-extracting skills and master the game's precision.

Antibiotic Avenger

"Antibiotic Avenger," powered by Phaser.js, educates players about antibiotic resistance in an engaging gaming format. Players navigate a world using vaccines as weapons against viruses, each vulnerable to specific vaccines. Movement relies on the up and down arrow keys, while the space bar shoots vaccines. The game offers various antibiotics, each effective against specific virus types. Players strategically choose the right antibiotic to combat encountered viruses, fostering an immersive experience that educates about antibiotic resistance within an interactive gaming environment.

Cimbdle - Australia

"Climbdle - Australia" is an engaging Flask-based web application, offering users a thrilling guessing game featuring over 400 rock climbs across Australia. With 5 attempts, users aim to guess the climb, receiving detailed feedback after each try. Successfully guessing unveils climb information and a captivating photo. The game's data, sourced from a CSV file, allows for seamless addition of new climbs. The mechanics involve daily changing answers, user input via typing and dropdown, and precise feedback on climb attributes. Visual cues dynamically indicate matches or disparities in climb style, grade, location, length, and proximity. Additionally, users can seek hints after three incorrect guesses, revealing climb details or a first letter. The visuals, though adaptable, promise an immersive experience matching the excitement of rock climbing across Australia.

QuizGenius

"QuizGenius" is an innovative website powered by HTML, JavaScript, Tailwind CSS, and the OpenAI API. With this platform, generating quizzes becomes effortless and intelligent. Seamlessly create custom quizzes by inputting your desired data and specifying the number of questions. Watch as the magic of AI unfolds, crafting multiple-choice questions tailored to your content and generating accurate answer options. Elevate your quiz-making experience with QuizGenius, where technology and education converge to simplify the process while maintaining the integrity of effective assessment.

Independence Day - 3D Audio Visualiser

"Independence Day - 3D Audio Visualiser" is a captivating web experience crafted in celebration of Pakistan's Independence Day on August 14th. Using cutting-edge technologies including Next.js, TypeScript, Three.js, and React Three Fiber, this immersive website offers a unique audiovisual journey. Engage with a mesmerizing display of 3D visuals intricately synchronized with patriotic tunes, creating a multisensory celebration of the nation's freedom. Immerse yourself in the dynamic blend of technology and patriotism as you explore this interactive masterpiece, paying tribute to Pakistan's historic journey towards independence.

RiskWise Pro

"RiskWise Pro" introduces a sleek and intuitive frontend design tailored for the world of blockchain and digital assets. Crafted with Next.js, TypeScript, and Tailwind CSS, this platform serves as your comprehensive solution for NFTs and token asset tracking. Seamlessly navigate the intricate landscape of blockchain investments with user-friendly interfaces and real-time insights. Whether you're a seasoned investor or just beginning to explore the realm of digital assets, RiskWise Pro provides the tools you need to monitor, analyze, and make informed decisions. Elevate your blockchain journey with this cutting-edge website, your indispensable companion in the realm of NFTs and token asset management.

3D Audio Visualiser

"3D Audio Visualiser" is an engaging website where sound comes to life in a mesmerizing display. Crafted using Next.js, TypeScript, Three.js, and React Three Fiber, this project brings together technology and audio in a captivating way. Watch as a wireframe sphere transforms and morphs in response to the rhythm of the music, creating a visual dance that synchronizes with the audio beats. Immerse yourself in this unique sensory experience that bridges sound and sight, all through a simple and elegant online interface.

Bow Blitz Birds

"Bow Blitz Birds" is an addictive web-based game where players control an arc with the keyboard to shoot targets and score points. Players must be strategic in their shots as they only have 5 arrows at a time, and must retrieve arrow quivers that appear randomly. However, crazy birds are out to steal the arrows and break the arc, adding an element of challenge to the game. With fast-paced gameplay and unpredictable bird movements, players must aim carefully and keep an eye on their arrows and the bird's movements to succeed in this action-packed game.

Solitaire Card Game

"Solitaire Card Game" is a classic game that has been adapted into a captivating web-based game using Phaser JS technology. In this game, players are tasked with arranging cards in four different stacks in ascending order, with each stack representing one of the four suits. With smooth and responsive controls, players can easily drag and drop cards onto the correct stack. The game is designed to be challenging, with players having to strategically move cards around to create the best possible order.

Cactus War

"Cactus War Game" is a captivating web-based game that was created using canvas technology. In this game, players control a cactus who is tasked with defeating a variety of enemies across five different phases. With each new phase, players will encounter new challenges and obstacles that require quick reflexes and strategic thinking to overcome.

PixelDemolish 2D

"Pixel Demolish Game" is an exciting and addictive web-based game that challenges players to demolish structures using a saw or blade. With just one level, players can upgrade their saw/blade as they progress through the game. The game features a pixelated environment that adds a retro and nostalgic feel to the game. The objective of the game is to clear the structures in the most efficient way possible, which requires strategy and precision.

RoninRobin 2D

"Ronin Robin Game 2D" is an exciting and challenging web-based game that takes players on a journey through two levels of intense action. In this game, players control a brave robin who is tasked with fighting off enemies using either a sword or fire. The game is designed to test players' reflexes, strategic thinking, and quick decision-making skills. With each new level, the challenges become more intense, requiring players to master new techniques and upgrade their weapons to stay ahead of their foes.

Super Plinko

"Super Plinko Game 2D" is a fun and entertaining web-based game that was created using Phaserjs. In this game, players drop coin from the top of a board and watch as they bounce around and land in various slots. Each slot has a different point value, and the goal is to score as many points as possible. The game features vibrant graphics, engaging sound effects, and an addictive gameplay that keeps players coming back for more. Whether you're a seasoned gamer or just looking for a fun way to pass the time, "Super Plinko Game 2D" is sure to provide hours of entertainment and enjoyment.

Tic Tac Toe

"Multi player Tic Tac Toe" is an exciting web-based game that uses the MERN (MongoDB, Express, React, Node.js) stack and Next.js. This game allows multiple players to play tic tac toe together in real-time. The game features a sleek and modern user interface that is both intuitive and easy to use. With this game, players can challenge friends or family members to a game of tic tac toe no matter where they are located. This game also includes a chat feature that enables players to communicate with each other during the game.

Endless Capsule Runner 3D

"Endless Capsule Runner 3D Game" is an exciting and immersive game created in Unity. In this game, players control a capsule that must navigate through an endless track filled with obstacles and challenges. The objective is to collect as many coins as possible while avoiding obstacles, such as traffic cones. The game features vibrant graphics, engaging sound effects, and an addictive gameplay that keeps players coming back for more.

Endless Runner 2D

"Endless 2D Runner Game" is a thrilling and challenging game created in p5.js. In this game, players control a character who must run and jump to avoid obstacles while collecting points along the way. As the game progresses, the speed increases, making it even more challenging to avoid obstacles. With each new level, the challenges become more intense, requiring players to master new techniques and improve their reflexes. The game features engaging sound effects and vibrant graphics, which add to the overall experience.

Messy Room

"Messy Room Game in Phaser JS" is an interactive and engaging game where players have to find hidden objects in a cluttered room. The game features a timer of one minute and four blocks on the left-hand side of the screen, which lists the objects to be found. The player has to search the room for the listed objects before the time runs out. The game is designed to test players' observation and time-management skills, and the cluttered room is filled with items, making the search challenging.

Cube Runner 3D

"3D Cube Runner Game in Unity" is a thrilling and fast-paced game where players control a cube that must navigate through an endless track filled with colored boxes. The cube must avoid boxes of different colors, but can pass through boxes of the same color as the cube player. The game features immersive 3D graphics, vibrant colors, and engaging sound effects. With each new level, the challenges become more intense, requiring players to master new techniques and improve their reflexes.

Snake 2D

"Snake 2D Game using Canvas and JS" is a classic game that has been recreated using modern web development technologies. In this game, players control a snake that moves around the screen, eating food while avoiding hitting walls or itself. The game features a simple yet engaging gameplay that is easy to learn but challenging to master. With each new level, the speed of the snake increases, requiring players to have quick reflexes and good timing. The game also includes vibrant graphics and sound effects, which add to the overall experience.

2D Platformer Game

"2D Platformer Game in Winforms C#" is an exciting and challenging game where players control a character that must navigate through levels filled with enemies and obstacles. The game features a classic platformer gameplay that involves fighting enemies, collecting diamonds, and reaching the goal point. Players can also collect hearts to increase their health, making it easier to take on enemies and overcome obstacles. The game features vibrant graphics and engaging sound effects that add to the overall experience. With each new level, the challenges become more intense, requiring players to master new techniques and improve their reflexes.

SideHustleEarning

"Side Hustle Earning Website, a Blog Website Made in MERN Stack" is a platform that provides insights and resources to help people earn extra income through side hustles. The website is built using the MERN (MongoDB, Express, React, Node.js) stack and features an interactive and responsive user interface. The website includes a blog section where visitors can access articles and tutorials on various topics related to side hustles. Visitors can also interact with the community through forums, where they can ask questions, share experiences, and connect with like-minded individuals. Whether you're looking to earn some extra income or learn more about side hustles, "Side Hustle Earning Website, a Blog Website Made in MERN Stack" is the perfect platform for you.

Glorious Future School

"Glorious Future School made in MEAN Stack, a Website to Manage School System" is a comprehensive platform that streamlines school management processes. The website is built using the MEAN (MongoDB, Express, Angular, Node.js) stack and features an intuitive and user-friendly interface. The platform includes modules for admissions, fees management, timetable management, attendance tracking, academic performance tracking, and more. Teachers and administrators can access the platform to communicate with students and parents, create and manage assignments, and access relevant resources. With "Glorious Future School made in MEAN Stack, a Website to Manage School System," schools can improve their efficiency, enhance their communication, and provide a better learning experience for their students.

NewsMonkey

"NewsMonkey Website Made in MERN Stack, Where Top Headlines Are Shown from NewsAPI in Different Categories" is a news aggregation platform that provides users with the latest and most relevant news from around the world. The website is built using the MERN (MongoDB, Express, React, Node.js) stack and uses the NewsAPI to gather news from different sources. Users can access news articles from various categories such as business, technology, entertainment, and sports. The website features an intuitive and responsive user interface that makes it easy for users to browse and read articles. With "News Monkey Website Made in MERN Stack, Where Top Headlines Are Shown from NewsAPI in Different Categories," users can stay informed about the latest news and trends in their areas of interest.

Hotel Management System

"Hotel Management System with ASP.NET and C#" is a comprehensive platform that streamlines hotel management processes. The system is built using ASP.NET and C# and features an intuitive and user-friendly interface. The platform includes modules for reservations, check-ins, check-outs, guest management, room management, and more. Administrators can access the platform to monitor and manage staff activities, track revenues, and generate reports. With "Hotel Management System with ASP.NET and C#," hotels can improve their efficiency, enhance their customer experience, and provide a better service to their guests. The system is scalable and customizable, making it suitable for small and large hotels alike.

Quiz Website

"Quiz Website Made in Python Flask, Where Teachers Can Add Quizzes, and Students Can Attend Quizzes" is an online platform designed to help teachers create and administer quizzes to their students. The website is built using Python Flask and features an intuitive and user-friendly interface. Teachers can create quizzes, add questions, and assign grades. Students can access the platform to take quizzes and view their scores. The website features a customizable dashboard that allows teachers to manage their quizzes and track student progress. With "Quiz Website Made in Python Flask, Where Teachers Can Add Quizzes, and Students Can Attend Quizzes," teachers can enhance their teaching and assessment strategies, and students can improve their knowledge and understanding of various subjects.

TextUtils

"TextUtils, a Website Made in MERN Stack, Where Users Can Format Text to Lowercase, Uppercase, Count Words in Text, and Estimate User Reading Time" is a powerful text utility platform designed to help users format and optimize their text. The website is built using the MERN (MongoDB, Express, React, Node.js) stack and features a simple and easy-to-use interface. Users can input their text, format it to lowercase or uppercase, count words, and estimate reading time. The website features a customizable dashboard that allows users to save and share their formatted text. With "TextUtils, a Website Made in MERN Stack, Where Users Can Format Text to Lowercase, Uppercase, Count Words in Text, and Estimate User Reading Time," users can save time and effort by optimizing their text quickly and easily.

Image Steganography

"Image Steganography, a Website Made with Next.js and Backend in Flask, Where Users Can Hide Data in Images in JSON Format, Using Passwords, and Extract Data from Images" is a powerful image hiding and extracting platform designed to help users protect their sensitive data. The website is built using Next.js for the frontend and Flask for the backend and features a modern and user-friendly interface. Users can upload images, hide JSON data in them using passwords, and extract data from images. The website features a customizable dashboard that allows users to manage their hidden data and passwords. With "Image Steganography, a Website Made with Next.js and Backend in Flask, Where Users Can Hide Data in Images in JSON Format, Using Passwords, and Extract Data from Images," users can protect their data from prying eyes and ensure their privacy and security.

Online Hearing Test

"Online Hearing Test Made with Next.js, Where Users Can Test Their Ears, Right and Left Separately, and at the End, Results Are Shown, and a Graph Also" is a user-friendly online platform designed to help users test their hearing abilities. The website is built using Next.js and features a simple and intuitive interface. Users can take the test for their right and left ears separately and at the end, their results are shown along with a graph. The website is fully customizable, and users can adjust the test's settings to their preferences. With "Online Hearing Test Website" users can quickly and easily check their hearing abilities from the comfort of their own homes.