Giter Club home page Giter Club logo

portfolio-latest's Introduction

HOSTED ON - Anshdeep Singh

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.

    Cloudflare

  • Global Chat AI App: A real-time chat application that allows users from around the world to communicate. The Saas Application is live on Global Chat AI App

    Next.js React TypeScript TailwindCSS Shad Cn Stripe Firebase Google Cloud HTML5 CSS3

  • 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 Image Genie AI

    Next.js Cloudinary Clerk MongoDB TypeScript TailwindCSS Shad Cn Stripe HTML5 CSS3

  • 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 Frontend Playground

    Next.js TailwindCSS HTML5 CSS3 JavaScript

  • 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 Concept Sketh App

    Next.js LiveBlocks Next.js HTML5 CSS3

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

portfolio-latest's People

Contributors

anshdeep-singh avatar

Stargazers

 avatar

Watchers

 avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.