Reda El Bakraouy - Digital Display CV

This is an interactive digital CV and portfolio showcasing AI Solutions Consultant & Robotics Coach expertise.

Project Overview

Live URL: https://reda-elbakraouy.vercel.app

An interactive, responsive digital CV featuring:

• AI automation and robotics expertise showcase
• Teaching experience with image galleries
• Contact form with email and WhatsApp integration
• 3D avatar and modern UI/UX design
• Progressive Web App (PWA) capabilities

Technologies Used

This project is built with:

• Vite - Fast build tool and dev server
• TypeScript - Type-safe JavaScript
• React - Modern UI library
• shadcn-ui - Beautiful component library
• Tailwind CSS - Utility-first CSS framework
• Three.js - 3D graphics and animations
• Framer Motion - Smooth animations

Getting Started

Prerequisites

• Node.js (v18 or higher)
• npm or yarn

Installation

# Clone the repository
git clone https://github.com/E-Roar/digital-display-cv.git

# Navigate to the project directory
cd digital-display-cv

# Install dependencies
npm install

# Start the development server
npm run dev

Available Scripts

# Development server
npm run dev

# Production build
npm run build

# Preview production build
npm run preview

# Lint code
npm run lint

Features

🎯 Core Features

• Interactive Sections: About, Experience, Teaching, Skills, Projects, Education, Contact
• Image Lightbox: Responsive slideshow for teaching experience photos
• Contact Form: Email and WhatsApp integration with form validation
• 3D Avatar: Interactive 3D model with animations
• Responsive Design: Mobile-first approach with modern UI

📱 PWA Features

• Offline Support: Service worker for offline functionality
• Install Prompt: Add to home screen capability
• App-like Experience: Standalone mode on mobile devices

🎨 Design Features

• Glass Morphism: Modern glass-card design elements
• Neon Glow Effects: Cyberpunk-inspired visual effects
• Smooth Animations: Framer Motion powered transitions
• Dark Theme: Professional dark color scheme

Project Structure

src/
├── components/          # Reusable UI components
│   ├── sections/       # Page sections
│   ├── ui/            # shadcn-ui components
│   └── ...
├── data/              # Static data and content
├── services/          # API and external services
├── hooks/             # Custom React hooks
└── lib/               # Utility functions

Deployment

Vercel (Recommended)

1. Connect your GitHub repository to Vercel
2. Deploy automatically on every push to main branch

Other Platforms

# Build the project
npm run build

# The dist/ folder contains the production build
# Deploy the contents to your hosting platform

Contact

• Email: elbakraouyreda@gmail.com
• Phone: +212 632 162 018
• Location: El Jadida, Morocco

License

This project is open source and available under the MIT License.