Omar Elbaz - Full Stack Engineer Portfolio

Start exploring my professional journey, technical expertise, and key projects through this immersive, high-performance portfolio.

🚀 Key Projects

1. Aura (AI E-commerce) A futuristic e-commerce platform revolutionizing the shopping experience with generative AI.

• Tech Stack: Next.js 14, TypeScript, Tailwind CSS, OpenAI API, Stripe, Framer Motion.
• Key Features: AI-generated sneaker designs, seamless checkout, and high-performance animations.

2. ArabAI Academy The leading Arabic AI education platform empowering the next generation of engineers.

• Tech Stack: Next.js, Tailwind CSS, TypeScript, Framer Motion.
• Key Features: Interactive roadmaps, simplified AI concepts, and a thriving community.

3. Alandroidnet (Alandroid العربي) A high-traffic content platform for safe Arabic app reviews and downloads.

• Tech Stack: Next.js, Tailwind CSS, Headless CMS, SEO.
• Key Features: Sophisticated content architecture, lightning-fast performance, and SEO dominance.

🛠️ Tech Stack

• Framework: Next.js 14 (App Router)
• Language: TypeScript
• Styling: Tailwind CSS
• Animations: Framer Motion
• Internationalization: next-intl (English, French, Arabic)
• Forms & Validation: React Hook Form, Zod, Server Actions
• Email: Resend API
• Analytics: Google Analytics 4

💻 Local Development

Follow these steps to run the project locally:

1. Clone the repository:

   git clone https://github.com/omaelbaz/portfolio.git
   cd portfolio

2. Install dependencies:

   npm install
    or
   yarn install
    or
   pnpm install

3. Set up Environment Variables: Create a .env.local file in the root directory and add your Resend API key:

   RESEND_API_KEY=re_123456789...

   (Note: The .env.local file is git-ignored to protect your secrets.)

4. Run the development server:

   npm run dev

5. Open http://localhost:3000 with your browser to see the result.

📦 Build for Production

To create an optimized production build:

npm run build
npm start

---

© 2026 Omar Elbaz. All rights reserved.