Pinned Repositories
Javascript-Internals
Welcome to Javascript Internals! This repository explores the inner workings of JavaScript by providing detailed implementations of its core functions and features. You'll find recreations of built-in functions. Perfect for developers looking to deepen their understanding of JavaScript's internals. 🚀
Leetcode-Problems-Solutions
🚀 Explore a curated collection of my LeetCode solutions, meticulously crafted to showcase diverse problem-solving approaches and algorithms.
lightweight-virtual-dom
A minimalistic demonstration of virtual DOM concepts implemented in plain JavaScript. This project features a simple application that manages a dynamic list of emojis with manual state management. It showcases how to efficiently update the user interface using a virtual DOM diffing algorithm.
my-vscode-config
This repository contains my personalized `settings.json` file for Visual Studio Code. 🛠️ These settings include customizations for themes, editor configurations, and useful extensions. 🎨 Easily enhance your coding environment by using these configurations. 💻
Next.js-Sorting-Algorithms-Visualizer
Sorting Visualizer is an interactive web application. It visualizes popular sorting algorithms like Bubble Sort, Merge Sort, and Quick Sort, allowing users to control the sorting speed and see real-time step-by-step animations. It’s designed for both educational purposes and a deep understanding of computer science fundamentals.
NextJS-Dropbox-Clone
The NextJS Dropbox Clone is a modern web application built with Next.js and React, featuring a responsive design for a seamless user experience. the project incorporates Firebase for files storage. With a comprehensive tech stack, including TypeScript, Zustand, TailwindCSS, ClerkAuth.
NextJS-Twitter-Clone
The NextJS Twitter Clone is a social media application built with Next.js, React, and Firebase. It replicates key features of Twitter, offering user authentication, real-time updates for tweets and likes, and responsive design. The project leverages NextAuth for authentication.
React-Amazon-Clone
The "React Amazon Clone" repository is e-commerce web application built using React and Firebase. It replicates key features of Amazon, including user authentication, product listing, and a shopping cart with payments. The project provides a practical demonstration of React and Firebase.
React-Native-FrontendMasters
React Native app inspired from Frontend Masters! This application is designed to showcase integration of Async Storage with React Native and using the core native API's in the app.
React-tRPC-Prisma-MongoDB
Monorepo for React application with tRPC support and Express.js as backend. Including Prisma ORM with MongoDB.
Shaban-Eissa's Repositories
Shaban-Eissa/Javascript-Internals
Welcome to Javascript Internals! This repository explores the inner workings of JavaScript by providing detailed implementations of its core functions and features. You'll find recreations of built-in functions. Perfect for developers looking to deepen their understanding of JavaScript's internals. 🚀
Shaban-Eissa/Next.js-Sorting-Algorithms-Visualizer
Sorting Visualizer is an interactive web application. It visualizes popular sorting algorithms like Bubble Sort, Merge Sort, and Quick Sort, allowing users to control the sorting speed and see real-time step-by-step animations. It’s designed for both educational purposes and a deep understanding of computer science fundamentals.
Shaban-Eissa/lightweight-virtual-dom
A minimalistic demonstration of virtual DOM concepts implemented in plain JavaScript. This project features a simple application that manages a dynamic list of emojis with manual state management. It showcases how to efficiently update the user interface using a virtual DOM diffing algorithm.
Shaban-Eissa/Leetcode-Problems-Solutions
🚀 Explore a curated collection of my LeetCode solutions, meticulously crafted to showcase diverse problem-solving approaches and algorithms.
Shaban-Eissa/my-vscode-config
This repository contains my personalized `settings.json` file for Visual Studio Code. 🛠️ These settings include customizations for themes, editor configurations, and useful extensions. 🎨 Easily enhance your coding environment by using these configurations. 💻
Shaban-Eissa/React-Amazon-Clone
The "React Amazon Clone" repository is e-commerce web application built using React and Firebase. It replicates key features of Amazon, including user authentication, product listing, and a shopping cart with payments. The project provides a practical demonstration of React and Firebase.
Shaban-Eissa/React-Native-Jobs-Finder-App
React Native app powered by Expo! This cross-platform mobile application is designed to showcase fetching data to make dynamic content with search functionality and navigating between pages using Stack.
Shaban-Eissa/Bytes-Dot-Archive
Welcome to Bytes Dot Archive! This repository is a curated collection of JavaScript coding quizzes. It aims to help developers test their knowledge, improve their skills, and have fun with JavaScript puzzles. Contributions are welcome, whether it's new quizzes, solutions. 🚀
Shaban-Eissa/client-side-rendering
A case study of CSR.
Shaban-Eissa/Frontend-Masters-Design-Systems
A Design systems course, create a design system from scratch and learn the foundational design concepts that go into one. Design components using Figma, then take those designs and turn them into coded components using React. Finally, document them with Storybook.
Shaban-Eissa/Jisr-React-Task
File Explorer Demo – used to show nested folders contain files inside like IDE based on selected folder. It's build with React & Typescript with menu for each file when right click contain (copy, rename, delete) actions.
Shaban-Eissa/Angular-18
This repository contains code examples from the book Learning Angular 18, aimed at helping developers grasp core Angular concepts through practical examples. Each chapter folder includes code for specific topics, from basic components to advanced routing and testing. Clone the repo, explore the chapters, and enhance your Angular skills.
Shaban-Eissa/Angular-Complete-Guide
The Complete Guide, learning everything from standalone components and signals to state management and TypeScript. With deep-diving into features like routing, HTTP requests, and authentication. Also using the Angular CLI, optimizing and deploying real world applications
Shaban-Eissa/Angular-DTO-Zod
Demo showcases a simple application that demonstrates data fetching, validation using Data Transfer Objects (DTOs) and models. It utilizes Zod for runtime validation, ensuring data integrity and structure. With a user-friendly interface, the demo highlights the benefits of using DTOs alongside models in Angular applications.
Shaban-Eissa/Build-React-Hooks
Build React Hooks - This developed to understand the inner workings of React hooks by recreating `useState` and `useEffect` from scratch. You'll learn how hooks manage state, triggers re-renders, and handle side effects with dependency arrays. By the end, you'll have a deep understanding of why hooks must follow specific rules.
Shaban-Eissa/eslint-plugin-promise
Enforce best practices for JavaScript promises
Shaban-Eissa/Fetch-API-TypeScript
Welcome to the feTS Client, a fully type-safe HTTP Client that leverages the OpenAPI specification. It automatically infers types from the document, providing you with a type-safe interface for seamless API interaction.
Shaban-Eissa/Javascript-Data-Structures
A repository for practicing on data structures and algorithms to take it to the next level.
Shaban-Eissa/next14-message-box
An interactive, progressively enhanced message box using Next 14 with Server Actions, Tailwind CSS and Prisma. See "optimistic" branch for optimistic updates.
Shaban-Eissa/React-Native-Pinterest-App
React Native app powered by Expo! This cross-platform mobile application is designed to showcase the power of Expo Ecosystem such as file-system, media library and more of amazing work with reanimated library for animations in UI.
Shaban-Eissa/React-Native-Practical-Guide
Collection for the core concepts of React Native starting from the native components with state management Context & Redux and go through third party libraries, how to use authentication with network requests then enable push notifications for app.
Shaban-Eissa/React-Portals
Project demonstrates a React application using portals to share state between windows. The app features a counter that updates every second and can be viewed in a separate window using a portal.
Shaban-Eissa/react-server-components
Understand React Server Components and Server Actions by building a framework with them.
Shaban-Eissa/rsc-forensics
Shaban-Eissa/RSC-Frameworks
Demos for my talk about React Server Components
Shaban-Eissa/Shaban-Eissa
👨💻 I'm Shaban Eissa, a passionate React, NextJS Developer 🚀 based in EGYPT. Welcome to my GitHub profile! 👋
Shaban-Eissa/sorting-algorithms-visualizer
Visualizer for sorting algorithms made with Typescript
Shaban-Eissa/SSR-Behind-Scenes
Simple SSR Demo – Used to display what is happening under the hood when using server side rendering. it's build with Node.js & React with data fetching on server. It's inspired from React 18 Design Patterns and Best Practices - Fourth Edition.
Shaban-Eissa/state-management-toolbox
State Management Toolkit for React is a solution for managing application state with advanced features like middlewares, state persistence, and JSON state import/export. This toolkit provides a customizable and flexible approach to handling state, allowing you to persist state across sessions.
Shaban-Eissa/Typescript-Internals
Welcome to Typescript Internals! This repository explores the core workings of TypeScript, including its powerful type system, compilation process, and advanced features. Ideal for developers aiming to deepen their TypeScript knowledge, it offers detailed recreations, practical examples. 🌟