Noureddine DRIOUECH | Software Engineer Portfolio

Welcome to the official portfolio of Noureddine DRIOUECH, a passionate Software Engineer specializing in building modern, high-performance, and scalable web applications.

This portfolio showcases my skills, projects, and experience in full-stack development, with a strong focus on cutting-edge frontend technologies and robust backend solutions.

✨ Features

• Modern & Responsive UI: Built with Astro and React, styled with Tailwind CSS for a seamless experience across all devices.
• Interactive Elements: Engaging animations and interactive components powered by Framer Motion and GSAP.
• Dynamic Project Showcase: Detailed sections for showcasing personal and professional projects.
• SEO Optimized: Enhanced with structured data, meta tags, and a sitemap for better search engine visibility.
• Contact Form: A functional contact form with Zod validation and React Hook Form for robust user input.
• Integrated Blog: A dedicated blog section to share insights, technical articles, and project updates.
• Dark Mode Toggle: User-friendly dark mode for improved accessibility and aesthetics.
• Interactive Star Background: A captivating 3D starfield background using React Three Fiber.
• Resume Page: An accessible HTML version of my resume for easy viewing and indexing.

🚀 Live Demo

Explore the live version of my portfolio here: https://noureddinedriouech.vercel.app/

🛠️ Technologies Used

This project is built using a modern and robust tech stack:

• Framework: Astro (for content-focused websites and static site generation)
• Frontend: React (for interactive UI components)
• Styling: Tailwind CSS (for utility-first CSS)
• Animations: Framer Motion & GSAP
• 3D Graphics: @react-three/fiber & @react-three/drei
• Form Management: React Hook Form & Zod (for schema validation)
• Icons: Lucide React & @tabler/icons-react
• Deployment: Vercel

⚙️ Installation & Local Development

To get a local copy up and running, follow these simple steps.

Prerequisites

Make sure you have Node.js (v18 or higher) and npm installed on your machine.

Clone the repository

git clone https://github.com/NoureddineDRIOUECH/noureddine-driouech-portfolio.git
cd noureddine-driouech-portfolio

Install dependencies

npm install

Run the development server

npm run dev

This will start the development server at http://localhost:4321.

Build for production

npm run build

This command will build your production site to the ./dist/ directory.

Preview the production build

npm run preview

📞 Contact

Feel free to reach out to me through the contact form on my portfolio or connect with me on:

• LinkedIn: https://www.linkedin.com/in/noureddinedriouech/
• GitHub: https://github.com/NoureddineDRIOUECH
• Email: nourddinedriouech@gmail.com

Thank you for visiting my portfolio!