This is a comprehensive project that includes several games and features, developed using React and TypeScript. The project is structured with a focus on component-based architecture, promoting reusability and maintainability.
This is a comprehensive project that includes several games and features, developed using React and TypeScript. The project is structured with a focus on component-based architecture, promoting reusability and maintainability.
-
QR Code Generator: A feature that generates and displays a QR code. The logic is implemented in
QrComponent.tsx
using thesetShowQRCode
function, which toggles the display of the QR code. -
Global Chat AI App: A real-time chat application that allows users from around the world to communicate. The Saas Application is live on
-
Image Genie AI: An AI application that allows users to transform images, remove objects, remove background, recolor and remove objects, rescale with AI generation. The Saas Application is live on
-
Frontend Playground: A Frontend sandbox enviornment that allows users to create and test simple application like CodePen.io but also has integrated Tailwind CSS with it. The application is live on
-
Concept Sketh App: A realtime design collaboration website that allows users to work together, chat, create threads, react using flying emojies and more. The application is live on
-
Chess Game: A classic game of chess. The logic is implemented in
ChessGameComponent.tsx
using thegenerateBotMove()
function, which uses an AI to generate the next move. -
Snake Game: A rendition of the classic Snake game. The logic is implemented in
SnakeGameComponent.tsx
using thegenerateRandomFoodPosition
function, which randomly places food items on the game board. -
Memory Game: A game that tests the user's memory. The logic is implemented in
MemoryGameComponent.tsx
using theflipCard()
function, which flips a card when clicked. -
Minesweeper: A classic game of Minesweeper. The logic is implemented in
MinesweeperComponent.tsx
using therevealSquare()
function, which reveals a square when clicked.
-
Home: The landing page of the application. Home Page
-
Projects: A page that showcases various projects. Projects Page featuring
FeaturedProject
andProject
components. -
Resume: A page that displays the developer's resume. Resume Page featuring
Project
component. -
Skills: A page that lists the developer's skills. Skills Page