Anass FIQHI - Senior Frontend Engineer and Full Stack Developer, professional headshot

Anass FIQHI

Available for new opportunities

Senior Frontend Engineer & Full Stack Developer

Specializing in React, Next.js, and TypeScript with 5+ years of experience building scalable web applications. Expert in REST API development, database design, and modern frontend architectures. I help businesses create high-performance web solutions and share knowledge through technical articles and open source contributions.

5+
Years Experience
50+
Projects Delivered
10+
Technologies
ReactNext.jsTypeScriptTanStack QueryZustandZodshadcn/uiMongoDBDrizzleTailwind CSS

Technical Skills & Expertise

Deep expertise in modern web technologies with a focus on React, Next.js, and scalable frontend architecture

Frontend Development

React

Expert

5+ years experience

Advanced patterns, hooks, context, performance optimization

Next.js

Expert

4+ years experience

App Router, Server Components, API routes, deployment

Tailwind CSS

Advanced

3+ years experience

Custom components, responsive design, dark mode

shadcn/ui

Advanced

2+ years experience

Component library, design system, accessibility

TanStack Query

Advanced

3+ years experience

Server state management, caching, real-time updates

Zustand

Advanced

3+ years experience

Lightweight state management, hooks-based store

Backend & APIs

Node.js

Expert

4+ years experience

Express, REST APIs, middleware, authentication

REST API

Expert

5+ years experience

API design, authentication, rate limiting, documentation, microservices architecture

PostgreSQL

Intermediate

3+ years experience

Database design, queries, migrations

MongoDB

Advanced

3+ years experience

NoSQL database, aggregation pipelines, indexing

Drizzle

Advanced

2+ years experience

Type-safe ORM, schema management, migrations

Development Tools

TypeScript

Advanced

4+ years experience

Type safety, generics, utility types, strict mode

Git & GitHub

Expert

5+ years experience

Workflow management, CI/CD, collaboration

VS Code

Advanced

4+ years experience

Extensions, debugging, productivity tools

Docker

Intermediate

2+ years experience

Containerization, development environments

Testing & Quality

Jest

Advanced

3+ years experience

Unit testing, mocking, coverage reports

React Testing Library

Advanced

3+ years experience

Component testing, accessibility testing

Cypress

Advanced

3+ years experience

End-to-end testing, integration testing, visual testing

ESLint & Prettier

Advanced

4+ years experience

Code quality, formatting, team standards

Zod

Advanced

3+ years experience

Runtime validation, type inference, schema design

Performance & Optimization

Webpack/Vite

Intermediate

3+ years experience

Bundle optimization, code splitting

Lighthouse

Advanced

2+ years experience

Performance auditing, Core Web Vitals

React Profiler

Advanced

2+ years experience

Component optimization, memoization

Deployment & DevOps

Vercel

Expert

3+ years experience

Next.js deployment, edge functions, analytics

AWS

Intermediate

2+ years experience

S3, CloudFront, Lambda functions

CI/CD

Intermediate

2+ years experience

GitHub Actions, automated testing, deployment

Also Proficient In

Redux ToolkitTanStack QueryZustandReact Hook FormStorybookCypressPostCSSSassCSS ModulesPWA DevelopmentSEO OptimizationAccessibility (WCAG)Internationalization

Looking for a React/Next.js expert to join your team?

Let's discuss opportunities

Latest Articles & Tutorials

In-depth technical content about React, Next.js, and modern web development

Showing 0 of 0 articles
Featured
Next.js

Building a Modern Web App with Next.js 15 and TypeScript

A comprehensive guide to building production-ready web applications using Next.js 15 App Router, TypeScript, and modern development practices. Learn about Server Components, streaming, and performance optimization.

Next.jsTypeScriptApp RouterPerformance
12 min read
Read full article
Featured
React

Advanced React Performance Optimization Techniques

Deep dive into React performance optimization including memoization, code splitting, lazy loading, and profiling. Real-world examples and performance measurement strategies.

ReactPerformanceOptimizationProfiling
10 min read
Read full article
TypeScript

TypeScript Best Practices for React Developers

Essential TypeScript patterns and practices specifically for React development. Learn about proper typing, generics, utility types, and avoiding common pitfalls.

TypeScriptReactBest PracticesType Safety
10 min read
Read full article
Featured
React

Mastering TanStack Query: From Basics to Advanced Patterns

Complete guide to TanStack Query (React Query) covering caching strategies, optimistic updates, infinite queries, and real-time data synchronization in React applications.

TanStack QueryReactState ManagementAPI
15 min read
Read full article
React

Simple State Management with Zustand

Learn how to manage application state efficiently using Zustand. Covers store creation, actions, selectors, and integration with React components.

ZustandState ManagementReactHooks
8 min read
Read full article
Next.js

Building Robust API Routes in Next.js

Comprehensive guide to creating scalable API routes in Next.js. Learn about middleware, authentication, error handling, and API best practices.

Next.jsAPI RoutesBackendREST API
14 min read
Read full article
CSS

Building a Design System with Tailwind CSS

Create a consistent and scalable design system using Tailwind CSS. Learn about custom themes, component patterns, and maintaining design consistency.

Tailwind CSSDesign SystemCSSUI/UX
11 min read
Read full article
Testing

Testing React Applications: A Complete Strategy Guide

Comprehensive testing strategies for React apps using Jest, React Testing Library, and Cypress. Learn unit testing, integration testing, and E2E testing best practices.

TestingJestReact Testing LibraryCypress
16 min read
Read full article
Backend

MongoDB Integration with Node.js: Best Practices

Learn how to effectively integrate MongoDB with Node.js applications. Covers schema design, aggregation pipelines, indexing strategies, and performance optimization.

MongoDBNode.jsDatabaseBackend
13 min read
Read full article
React

React Hooks Deep Dive: Custom Hooks and Advanced Patterns

Explore advanced React Hooks patterns, create reusable custom hooks, and learn about hook composition, optimization, and common pitfalls to avoid.

ReactHooksCustom HooksPatterns
12 min read
Read full article
Accessibility

Web Accessibility in Modern React Applications

Complete guide to making React applications accessible. Learn about WCAG guidelines, semantic HTML, ARIA attributes, and testing for accessibility.

AccessibilityReactWCAGA11y
14 min read
Read full article
Next.js

Building Progressive Web Apps with Next.js

Transform your Next.js application into a Progressive Web App. Learn about service workers, caching strategies, offline functionality, and app-like experiences.

PWANext.jsService WorkersOffline
13 min read
Read full article

Professional Experience

My journey in software development, focusing on React, Next.js, and modern web technologies

Frontend Engineer

FQ.ELEC Inc.

2022 - Present
Casablanca, MA

Leading frontend development for a SaaS platform serving 100K+ users. Architected and implemented React-based micro-frontend system, improved Core Web Vitals by 40%, and mentored 5 junior developers.

Key Achievements

  • Redesigned component library using React 18, TypeScript, and Storybook
  • Implemented Next.js App Router migration, reducing bundle size by 25%
  • Led performance optimization initiatives achieving 95+ Lighthouse scores
  • Established testing standards with Jest and React Testing Library
  • Integrated TanStack Query for efficient server state management
  • Implemented Drizzle ORM for type-safe database operations

Technologies & Tools

ReactNext.jsTypeScriptTailwind CSSJestStorybookTanStack QueryZustandDrizzle

Full Stack Developer

AmIn Digital Agency

2020 - 2022
Remote

Built and scaled web applications from MVP to production. Developed REST APIs, implemented real-time features, and optimized database queries for high-traffic scenarios.

Key Achievements

  • Developed React SPA with 50K+ monthly active users
  • Built Node.js backend APIs handling 1000+ requests/minute
  • Designed and implemented RESTful API architecture with authentication and rate limiting
  • Reduced page load times by 60% through optimization
  • Implemented Zustand for lightweight client state management
  • Designed MongoDB schemas and implemented Drizzle ORM for type safety

Technologies & Tools

ReactNode.jsPostgreSQLMongoDBWebSocketsRedisDockerZustandZodDrizzle

Frontend Developer

RetailIn Digital Agency

2018 - 2020
Casablanca, MA

Created responsive websites and e-commerce solutions for clients across various industries. Collaborated with designers and backend developers to deliver pixel-perfect implementations.

Key Achievements

  • Built 15+ client websites using React and modern CSS
  • Implemented responsive design patterns for mobile-first approach
  • Optimized images and assets for better performance
  • Collaborated with cross-functional teams on 8+ projects

Technologies & Tools

ReactCSS3JavaScriptResponsive DesignPerformance

Ready to bring React/Next.js expertise to your team?

I'm passionate about building scalable, performant applications and sharing knowledge with development teams.

Stay in the loop

Get notified when I publish new articles, share insights, or announce speaking events.

No spam, unsubscribe at any time.