Skip to content
View AmirShakibafar's full-sized avatar
πŸ₯Έ
life is goooood
πŸ₯Έ
life is goooood

Organizations

@CactusBros

Block or report AmirShakibafar

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
AmirShakibafar/README.md

Amir Shakibafar

Frontend Engineer focused on building scalable, accessible, and polished web experiences with React, TypeScript, and modern frontend tooling.


πŸ‘‹ About Me

I'm a Computer Engineering graduate passionate about building modern web applications at the intersection of frontend engineering, product design, and user experience.

I enjoy turning complex requirements into clean, intuitive interfaces while keeping the underlying codebase maintainable, scalable, and type-safe.

  • βš›οΈ Frontend Engineer specializing in React & TypeScript
  • 🧩 Building modern applications with Next.js and modern React patterns
  • 🎨 UI/UX Designer focused on research, prototyping, usability, and design systems
  • 🧠 Interested in frontend architecture, performance, and developer experience
  • πŸ‘¨β€πŸ« Former Teaching Assistant in Computer Science
  • 🌍 Open to remote opportunities and interesting product-focused projects

πŸ› οΈ Tech Stack

Frontend

React Next.js TypeScript JavaScript Tailwind CSS

State & Data

Zustand TanStack Query REST API

Forms & Validation

React Hook Form Zod

UI & Design

shadcn/ui Radix UI Figma

Testing & Quality

Vitest Playwright ESLint Prettier

Development & Tooling

Git GitHub NPM Vite


πŸš€ Featured Projects

πŸ—ΊοΈ Hormozgan Electrical Map

A role-based management dashboard for electrical infrastructure, combining data visualization, authentication, interactive maps, and API-driven workflows.

Highlights

  • πŸ” Role-based authentication and authorization
  • πŸ—ΊοΈ Interactive geographical visualization
  • πŸ“Š Data-driven management dashboards
  • πŸ”„ REST API integration
  • πŸ“± Responsive and user-focused interface

Tech: React β€’ TypeScript β€’ React Leaflet β€’ REST API


πŸ–₯️ Operating System Visualizer

An interactive educational platform designed to make operating-system concepts easier to understand through visual and interactive simulations.

The project demonstrates concepts such as:

  • CPU scheduling
  • Process execution
  • Memory management
  • Algorithm visualization
  • Real-time state changes

Tech: React β€’ JavaScript β€’ Interactive Visualizations


🧠 What I Care About

Clean Architecture

I like frontend codebases that are easy to understand, extend, and maintain β€” with clear separation between UI, state, data fetching, and business logic.

Type Safety

I use TypeScript to make applications more predictable and reduce the number of bugs that make it to production.

User Experience

Good software isn't only about functionality. I care about hierarchy, interaction patterns, accessibility, responsiveness, and the small details that make an interface feel polished.

Performance

I’m interested in building applications that remain fast as they grow β€” from efficient rendering and data fetching to code splitting and modern Next.js patterns.

Developer Experience

A good development workflow matters. I value consistent formatting, linting, reusable components, predictable state management, and automated testing.


🎨 Design Philosophy

My approach sits between engineering and design.

I enjoy taking a feature from:

Research β†’ Wireframes β†’ Design β†’ Implementation β†’ Testing β†’ Iteration

Rather than treating design and development as separate phases, I try to use engineering constraints to improve the design and design principles to improve the implementation.


πŸ“š Currently Exploring

  • Advanced React patterns
  • Next.js architecture
  • Frontend system design
  • Server/client rendering strategies
  • Design systems
  • Accessibility & WCAG
  • Web performance
  • Automated testing
  • Scalable frontend architecture
  • Developer experience

πŸŽ“ Teaching & Education

Before focusing fully on frontend development, I worked as a Teaching Assistant, helping undergraduate students understand computer science concepts through practical examples and hands-on problem solving.

Courses included:

  • Data Structures
  • Introduction to Programming
  • Artificial Intelligence

Teaching helped me develop a strong interest in breaking complex technical concepts into simple, understandable experiences β€” something I also bring into the products I build.


🌐 Connect With Me

GitHub LinkedIn Email


πŸ“Š GitHub Stats

Amir's GitHub Stats


Building thoughtful interfaces, scalable frontend systems, and useful products.

⭐ Feel free to explore my repositories and connect with me!

Pinned Loading

  1. OS-Visualizer OS-Visualizer Public

    OS Visualizer is an educational tool that visually demonstrates how core Operating System algorithms work. It helps students and enthusiasts understand complex OS concepts through interactive simul…

    JavaScript 18 2

  2. Wise-Man-Extension Wise-Man-Extension Public

    JavaScript 4

  3. Sudoku Sudoku Public

    Python 3

  4. snakeAI snakeAI Public

    Python 7 2

  5. GitHub-ArtGen GitHub-ArtGen Public

    a website to help you create fun artworks in your GitHub contribution charts!!

    JavaScript 3

  6. portfolioWebsite portfolioWebsite Public

    TypeScript 6