buzzraa

clash-royale-stats-generator

This a webpage that returns the stats of the player from the mobile game Clash Royale. This webpage displays the stats and the chest cycle of the players according to the valid player tag provided as an input by the user. This website uses the concept of REST APIs where axios a npm package in node.js is used to send http requests to the API.

cleckcart_website

This project was done as a requirement for a module (Team Project) provided by my university where I had to work in a team of 6 including me. During this project everything that is done in a realtime project was done including documentation , meetings and contracts.

countdown-game

This project is a timer game which is built using React.js in which score is based on being able to stop time as close to the timer. It covers concepts such as object / array destructuring, props, conditional rendering, useState, useRef, forwardRef, createPortal and useImperativeHandling.

dicegame

This project is a simple Dice game, where each time the website is loaded it simulates two dices being rolled. There are two player where dice 1 is player 1 and dice 2 is player 2. The winner gets decided if the number rolled by the dice is higher than the other one and if the number rolled is same then its draw.

drumkit

This is a basic drum simulator created using html, css and javascript. This project uses the concept of event listeners in javascript such as keydown and click to register the users actions and make drum sounds according to the event of either the key being pressed or the drum being clicked.

graphical-programming-language

This is a project of Graphical Programming Language using C# .NET Framework which I had done as one of my assessment in order to complete my undergrad degree. Visual Studio code was used to built this application. This project applies the concepts of OOP, MultiThreading, Exception Handling etc.

html-portfolio

investment-calculator

This project is a project basic investment calculator app which is built using React.js. It covers concepts such as object / array destructuring, props, conditional rendering, useState

java-turtle-gui

This is a project of Turtle GUI using Java which I had done as one of my assessment in order to complete my undergrad degree. A jar file was provided my university and the rest of the was code written by me in Eclipse IDE.

keeper-app

This is a ToDoList App created using only React with no backend. This is created using basic react concepts such as functional components, props, useState hook, destructuring array & objects and spread operator.

notefy

portfolio

This is my personal portfolio which i will be working and upgrading throughout my coding journey.

project-management-app

This project is a project management app which is built using React.js. It covers concepts such as object / array destructuring, props, conditional rendering, useState, useRef, forwardRef, and useImperativeHandling.

qr-code-generator

This is a simple QR code generator which converts url into a QR image. This project uses the built in node package fs and npm packages inquirer to get the input from the user and qr-image to generate the QR image in Node.js.

simongame

This a game where we have to remember the tile pattern generated and click on the tiles according to the pattern generated where the pattern gets more complex as the level increases. This project mainly uses the concept of animation and dom manipulation using jquery and javascript.

tictactoe

This project is a TicTacToe game where 2 players can play TicTacToe. This project is built using React.js

todolist-app

This a complete Todolist web app integrating both frontend and backend together where MongoDB is used as a database. Mongoose a npm package in node.js is used to perform the CRUD operations in the MongoDB database and express is used to handle the http requests.