HOSTED ON -

Anshdeep Singh Portfolio Website

Description

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.

Project Name

Description

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.

Web Applications

• QR Code Generator: A feature that generates and displays a QR code. The logic is implemented in QrComponent.tsx using the setShowQRCode 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

  

Highlights

• Chess Game: A classic game of chess. The logic is implemented in ChessGameComponent.tsx using the generateBotMove() 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 the generateRandomFoodPosition 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 the flipCard() function, which flips a card when clicked.

• Minesweeper: A classic game of Minesweeper. The logic is implemented in MinesweeperComponent.tsx using the revealSquare() function, which reveals a square when clicked.

Pages

• Home: The landing page of the application. Home Page

• Projects: A page that showcases various projects. Projects Page featuring FeaturedProject and Project 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