Skip to main content

Hi, I'm

Oussama Dhraief — Frontend Developer

Building modern web applications with React, Next.js & TypeScript

{" I specialize in crafting responsive, performant user interfaces with clean code and thoughtful animations. With 2+ years of professional experience, I focus on delivering exceptional frontend experiences using modern React ecosystems and best practices."}

Oussama Dhraief - Frontend Developer specializing in React, Next.js, and TypeScript

// Introduction

Oussama is a frontend developer specializing in React, Next.js, and TypeScript. With a strong focus on building modern, performant web applications, he brings designs to life through clean code, responsive interfaces, and thoughtful animations. While frontend is his primary strength, he understands backend systems and works effectively with API design, databases, and server-side architectures when projects require it.

// Skills

TypeScript programming language and technology logo
React programming language and technology logo
Next.js programming language and technology logo
Tailwind CSS programming language and technology logo
Vite programming language and technology logo
Framer Motion programming language and technology logo
GSAP programming language and technology logo
Chakra UI programming language and technology logo
shadcn/ui programming language and technology logo
Socket.IO programming language and technology logo
TanStack Query programming language and technology logo
i18next programming language and technology logo
Lenis programming language and technology logo
Three.js programming language and technology logo
Chart.js programming language and technology logo
ApexCharts programming language and technology logo
AngularJS programming language and technology logo
Ionic programming language and technology logo
HTML programming language and technology logo
CSS programming language and technology logo
JavaScript programming language and technology logo
Node.js programming language and technology logo
NestJS programming language and technology logo
Express.js programming language and technology logo
Prisma programming language and technology logo
FastAPI programming language and technology logo
PostgreSQL programming language and technology logo
MongoDB programming language and technology logo
MySQL programming language and technology logo
Firebase programming language and technology logo
JWT programming language and technology logo
Stripe programming language and technology logo
Git programming language and technology logo
Docker programming language and technology logo
Leaflet programming language and technology logo
Keycloak programming language and technology logo
PHP programming language and technology logo
Laravel programming language and technology logo
Symfony programming language and technology logo
CodeIgniter programming language and technology logo
Django programming language and technology logo
Python programming language and technology logo
Java programming language and technology logo
Spring Boot programming language and technology logo
Quarkus programming language and technology logo

// Services

Modern Frontend

<h3>
</h3>

Building responsive applications with React, Next.js, and TypeScript using component-based architecture and modern patterns.

UI/UX Excellence

<h3>
</h3>

Crafting pixel-perfect designs with Tailwind CSS and smooth animations with Framer Motion for exceptional user experiences.

Performance & Best Practices

<h3>
</h3>

Optimizing performance through code splitting and bundle optimization while maintaining accessibility and SEO best practices.

// Biography

Experience

Education

Frontend Developer @Celestial wave Digital

October 2024 - Present

Designing responsive, visually captivating interfaces with Next.js, React, Vite, TypeScript, Socket.io, Tailwind CSS, Framer Motion, Lenis, shadcn/ui, Horizon UI, Chakra UI, ApexCharts, Recharts, Chart.js, GSAP, GrapeJS, i18n.. creating intuitive and seamless user experiences across all devices.

Integrating custom APIs using TanStack Query and delivering interactive, data-driven visualizations that empower decision-making.

Collaborating with and assisting backend teams to ensure smooth integration and optimal performance of full-stack applications.

Supervising interns in their front-end tasks and supporting their growth through hands-on guidance.

Worked on:

Rebuilt a cosmetics website, delivering a modern, seamless user experience with sophisticated dashboards, intuitive admin panels, a fully redesigned front office interface.

Developed a sports management system, enabling real-time analytics, automated workflows, centralized player and team data, etc., empowering staff and coaches to make faster, data-driven decisions.

Contributed to an Islamic school management platform, designing intuitive dashboards, integrating an AI-powered chatbot, implementing multilingual support, etc., to create a truly global, user-friendly experience.

Contributed to various initiatives, optimizing and enhancing existing applications, supporting new feature development, and crafting intuitive, high-quality user experiences across multiple projects.

Next.js

Vite

ReactJS

Typescript

socket.io

TanStack Query

GSAP

Framer Motion

Tailwind CSS

shadcn/ui

Horizon ui

Chakra UI

Lenis

ApexCharts

Recharts

Chart.js

i18n

// Projects

Celestial Wave Digital website thumbnail showcasing modern web design and smooth animations
View Project4 images
+3

Work project

CWD's main website

{" Developed the main website for Celestial Wave Digital, featuring a modern responsive layout enhanced with smooth scroll effects and advanced animations for an engaging, seamless user experience. "}
Next.jsReactJSTypescriptTailwind CSSFramer MotionLenisshadcn/ui
Alemni thumbnail
View Project11 images
+10

Work project

Alemni (Islamic Truth)

{" Contributed to the development of a comprehensive Islamic digital platform, integrating an AI-powered Islamic chatbot, a robust school management system, and a wide range of faith-based tools. The platform enables users to access authentic religious resources, manage educational activities, and utilize practical Islamic utilities, all within a unified, scalable ecosystem designed for schools, mosques, and individuals worldwide. "}
Next.jsReactJSViteTypescriptSocket.ioTailwind CSSFramer Motionshadcn/uiTanStack Queryi18nClic to Pay
Al Shamela Sports thumbnail
View Project19 images
+18

Work project

Al Shamela Sports

{" Led the development of AL SHAMELA Sports' official website — a responsive, multilingual interface integrating multiple microservice-based modules (Physio App, Administration App, Federation App and more). Built with a focus on performance, modularity, and usability, the site offers role-specific access, dynamic data rendering, and seamless user flows across a complex, sports-focused ecosystem. "}
Next.jsReactJSViteTypescriptTailwind CSSFramer MotionGSAPshadcn/uiChakra uiHorizon uiChart.jsTanStack Queryi18nRecharts
VIF thumbnail hero section
View Project26 images
+25

Work project

Vif.tn

{" Recreating and rebuilding the official website of VIF.tn with a full-featured e-commerce platform, robust stock management, an automated order fulfillment system, and custom dashboards for both MLM users and administrators — delivering a scalable, efficient, and modern digital experience. "}
Next.jsReactJSVitesocket.ioTailwind CSSshadcn/uiLenisFramer MotionTanStack Queryi18nRechartsClic to Pay

Let's build something great together

Available for projects and collaboration. Let's discuss what you're building.