GithubHelp home page GithubHelp logo

🤖 Hi, I'm Bassim, an IT Professional from New York learning software engineering

Interests

I have a wide range of interests and hobbies including 3D printing and design, drone building and flying, marketing, photography, investing, PC hardware, cars and racing, sim racing, and gaming, in addition to programming. I'm also an avid student of history, philosophy, and political science.

🔭 What I'm working on

I'm currently building react-shiki a Shiki based syntax highlighter for React. I intend for this to become a near drop-in replacement for react-syntax-highlighter, my first published package.

I'm also working on improving an astro integration I published - astro-fouc-killer, an Astro integration which ensures class based dark mode styles are set and applied before initial render, eliminating flashes of unstyled content on page load.

🖥️ What I've built

My first project as I started to learn how to program was flaskGPT, an OpenAI GPT3.5/4 chat bot with features like streaming, system message customization, markdown, and syntax highlighting. I then converted it to FastGPT, and experimented with a React version.

More recently, I've nearly completed my portfolio website astroSite which includes a much more refined GPT chat interface, blog, and a couple more playground pages. This portfolio site is a sandbox where I experiment and build new features, learning as I continue to improve and add to it.

Through working on my portfolio site, I built the two packages mentioned above, astro-fouc-killer and react-shiki.

⚙️ Skills and Technologies

javascript logo typescript logo html5 logo css3 logo tailwindcss logo astro logo react logo python logo flask logo fastapi logo cloudflare logo vscode logo github logo

Bassim Shahidy's Projects

astro-fouc-killer icon astro-fouc-killer

Eliminate Dark Mode FOUC (Flash Of Unstyled Content) in Astro. Works with class based dark modes set in local storage and supports system preference.

astro-icon icon astro-icon

Inline and sprite-based SVGs in Astro made easy!

astrosite icon astrosite

Built with Astro and TailwindCSS, this MPA portfolio & blog site is version 3 of my personal website, my first MPA.

fastgpt icon fastgpt

A high performance OpenAI GPT-4 chat app built with FastAPI. Featuring asynchronous requests, streaming responses, syntax highlighting, and more!

flaskgpt icon flaskgpt

A customizable GPT-3.5/4 chat application built with Flask and plain HTML, CSS, and JavaScript

flaskwebsite icon flaskwebsite

This is version 2 of personal website built with TailwindCSS and Flask

gpt-crawler icon gpt-crawler

Crawl a site to generate knowledge files to create your own custom GPT from a URL

nixos-config icon nixos-config

General purpose Nix configuration for macOS / NixOS with starter templates + step-by-step guides ✨

react-shiki icon react-shiki

Syntax highlighting component for react using Shiki

reactgpt icon reactgpt

reactGPT is a simple, high performance GPT chat application built with FastAPI, React, and OpenAI's API.

remark-sectionize icon remark-sectionize

TypeScript converted fork: Remark plugin to wrap each heading and the content that follows it in a <section> tag. With TypeScript

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.