Skip to content
View amirhh00's full-sized avatar

Block or report amirhh00

Block user

Prevent this user from interacting with your repositories and sending you notifications. Learn more about blocking users.

You must be logged in to block users.

Content in all repositories owned by your account will be closed.
Maximum 250 characters. Please don’t include any personal information such as legal names or email addresses. Markdown is supported. This note will only be visible to you.
Report abuse

Contact GitHub support about this user’s behavior. Learn more about reporting abuse.

Report abuse
amirhh00/README.md

About Me

Hi👋 My name is Amirhossein Esmaeili but you can call me Amir.

I'm a software engineer based in the UK. I have a passion for creating software that is both functional and beautiful. I have experience with a variety of technologies and I'm always looking to learn more. I like playing video games, making video games, 3D websites and biking 🚴‍♂️.

Work Experiences

You can download or view my resume.

Projects

To see more, visit my Website.

WGSL101

WGSL101 is a web application designed to teach the WGSL language, which is used for writing shaders in WebGPU. Developed as my dissertation project, this application serves both students and developers.

The platform features a code editor with syntax highlighting, code completion, and AI-powered explanations for WGSL code. Users can write and execute shaders in real-time, viewing the results directly in their browser.

Additionally, WGSL101 offers a tutorial section with lessons and exercises to facilitate learning. Users can take quizzes to test their knowledge, track their progress, and utilize AI assistance throughout their learning journey.

worked on: frontend,backend,UI/UX

tools used: React,NextJs,Zustand,Shadcn/ui,PostgreSQL,Node.js,OpenAI API,TypeScript

3DWebRTC

3DWebRTC is a web multiplayer game that uses WebRTC for real-time communication and Three.js for 3D rendering. Players can join and navigate through the scene. Players can see each other in real-time and communicate using voice chat.

worked on: frontend,backend

tools used: Svelte,Three.js,WebRTC,WebSockets,Bunjs,Hono,cloudflare workers,postgreSQL,DrizzleORM

Schilte

Schilte is a web application designed for creating customizable 3D cabinet models. Users can modify the cabinet's dimensions, colors, and materials, as well as add features like shelves, doors, and drawers. The application allows users to view and rotate the cabinet in 3D, save their designs, and share them with others. Additionally, APIs were developed using Strapi, allowing the owner to manage prices and products through an intuitive dashboard interface.

worked on: frontend,backend

tools used: React,NextJs,Three.js,Strapi,Zustand,TailwindCSS,Node.js,TypeScript

schilte0

schilte1

Quick Part

The Quick Parts Price Search application is a robust platform designed to empower sellers by providing real-time pricing information for a wide range of auto parts. With an intuitive interface, users can efficiently search for specific components, compare prices, and place orders seamlessly. This streamlined process not only enhances the shopping experience but also facilitates informed decision-making, ensuring that sellers can manage their inventory and procurement with ease.

worked on: frontend,panel

tools used: Flutter,React,NextJs,Redux,Material-UI,Node.js,TypeScript,WordPress API

quick-part0

quick-part1

quick-part3

quick-part4

quick-part5

quick-part6

quick-part7

FireDetect

FireDetect web application for monitoring fire detects modules on the map developed with the ability to model the IoT modules and users, buildings, units data.

worked on: frontend

tools used: React,NextJs,Redux,Material-UI,Node.js,TypeScript

firedetect1

firedetect2

firedetect5

firedetect6

firedetect10

firedetect12

firedetect14

firedetect18

S&L

An online 2 player snake and ladder game with some special challenges and a different interface. The logic was implemented in the backend using WebSocket and the frontend was responsible for the UI and the game flow.

worked on: frontend,backend

tools used: React,NextJs,Redux,Material-UI,Node.js,TypeScript,socket.io

snake-and-ladders1

FireDetect

Stylett is an ecommerce application in which producers can offer their products with the possibility of personalizing and customizing the product for customers.

worked on: frontend

tools used: React,Redux,Material-UI,TypeScript

stylett0

stylett3

Pasco

Pasco application is a solution for collecting waste by inspiring the users with gamification in the app and give them coins that they can cash out them.

worked on: Mobile Application,Web

tools used: React,React Native,JQuery,Bootstrap

pasco0

pasco3

pasco4

pasco5

RealUp

Realup is a VR/AR video-sharing application that was the first VR/Ar app in Iran. This app also uses in a variety of schools for teaching purposes.

worked on: frontend

tools used: React,Redux,Angular

realup0

realup3

Contact Me

You can contact me via email at contact@amirhossein-esmaeili.com.

Or you can find me on LinkedIn, GitHub, Telegram.

Pinned Loading

  1. react media query hook in typescript... react media query hook in typescript with tailwind config
    1
    import { useState, useEffect } from "react";
    2
    import resolveConfig from "tailwindcss/resolveConfig";
    3
    import tailwindConfig from "src/../tailwind.config";
    4
    
                  
    5
    const fullConfig = resolveConfig(tailwindConfig);