Hi, I am Hafid

I develop 3D visuals, user
interfaces and Full Stack web and mobile applications

About me

Engineering student in Industrial Digital Transformation :I am passionate about innovation and optimizing processes. Rigorous, self-driven, and curious, I’m always eager to embrace new technological challenges and continuously improve.

Tech stack:

I specialize in JavaScript and Java with a focus on React and Spring ecosystems. I build dynamic web applications with a responsive user interface and enjoy optimizing the performance of both front-end and back-end systems. Additionally, I am familiar with TypeScript andNode.js, ensuring seamless integration of modern web technologies.

My passion for coding :

I love tackling complex problems and turning ideas into reality through code. For me, coding isn’t just a profession – it’s a deep passion that fuels my creativity and curiosity. I’m always excited to learn new things, push my limits, and build solutions that have a real impact.

Services

Full Stack Web Development

About.tsx

Models.java

import { useState } from 'react';

function App()

{

const [count, setCount] = useState(0);

return (

<div>

Clicked {count} times

<button onClick={() => setCount(count + 1)}>

Click me!

</button>

</div>

);

}

Full Stack Mobile Development

Porjects

Aora Mobile App

A cross-platform mobile application built with React Native, designed for both Android and iOS, utilizing Appwrite for user authentication and data management.

Facebook clone

A Facebook Clone using Next.js for the frontend and Spring Boot for the backend, featuring JWT authentication and a MySQL database. It replicates Facebook's core features with full CRUD operations.

E-commerce website

Built a responsive web application in three days with Next.js 14, Tailwind CSS, and TypeScript, featuring user authentication and smooth animations, all deployed on Vercel for optimal performance.

Entertainment Platform

Entertainment platform built with Next.js and MongoDB aggregation, featuring Tailwind CSS and Auth.js. Users can add and manage their own anime movie lists, creating a personalized viewing experience.

3D Portfolio

3D Portfolio: An engaging platform built with Next.js, Three.js, and Tailwind CSS, showcasing smooth 3D models for a captivating visual experience.

Skills

Contact me