🚀 Modern Portfolio Website - Mohamed Lemine Mbareck 👨‍💻

Welcome! This repository hosts my personal portfolio website, a place where I showcase my journey from diving into data analysis to building full-stack applications. Crafted with modern web technologies, this site is not just a portfolio, but a demonstration of my technical skills and professional experience.

🎯 Project Overview

This portfolio website is designed to provide an in-depth look at my skills, experiences, and projects. You'll find a clean, professional design, smooth animations, and a responsive layout that ensures an optimal experience whether you're on a phone or a desktop.

🛠️ Technology Stack

This project is powered by these technologies:

• Framework: Next.js 14 ⚛️
• Styling: Tailwind CSS with custom animations 🎨
• UI Components: Custom React components with Framer Motion animations ✨
• State Management: React Hooks 🪝
• Version Control: Git 🌿
• Deployment: Vercel ☁️

✨ Key Features

🗂️ Dynamic Project Showcase

The website automatically fetches and displays my GitHub repositories, so you always see my latest work. Each project is detailed with the technologies I used and its purpose.

📱 Responsive Design

The site adapts seamlessly to any screen size, from mobile devices 📱 to large desktop displays 🖥️. This ensures a consistent user experience for everyone.

🖱️ Interactive Elements

I've included some engaging UI elements to make the site more interesting:

• Smooth scroll navigation 📜
• Animated transitions between sections ➡️
• Interactive project cards 🎴
• Dynamic content loading ⏳

⚡ Performance Optimized

The website is built for speed and performance:

• Image optimization 🖼️
• Code splitting ✂️
• Lazy loading 😴
• SEO best practices 🔍

⚙️ Local Development

To get this project running locally:

```bash

Clone the repository

git clone https://github.com/Mbareck21/portfolio.git

Navigate to the project directory

cd portfolio

Install dependencies

npm install

Start the development server

npm run dev ```

The site will then be accessible at `http://localhost:3000\` 🎉

🏗️ Building for Production

Ready to go live? Here's how to build for production:

```bash

Create an optimized production build

npm run build

Start the production server

npm start ```

🚀 Deployment

This site is deployed on Vercel and automatically updates when changes are pushed to the main branch. Check out the live version here: Portfolio 🌐

📁 Project Structure

The project follows a clean and modular structure:

```

portfolio/ ├── app/
├── components/
├── public/
└── styles/

```

📧 Contact

Feel free to reach out for any questions or suggestions!

• Email: mlemine.mbareck@gmail.com 📧
• GitHub: @Mbareck21 🐙
• Location: Fayetteville, AR 📍