🌌 MarceVerse Portfolio

Welcome to MarceVerse, my multiverse-themed developer portfolio built with React, Tailwind CSS, Framer Motion, DaisyUI, and Material Tailwind.
This project showcases my skills, experiences, and projects in an interactive and visually immersive way.

---

🚀 Tech Stack

• Frontend Framework: React.js (Vite)
• Styling: Tailwind CSS + DaisyUI + Material Tailwind
• Animations: Framer Motion
• Routing: React Router
• State Management: React Hooks & Context
• Design Theme: Multiverse / Cosmic theme with theme-based colors (primary, secondary, accent)

---

✨ Features

• 🌀 Multiverse Theme -- Unique cosmic-inspired design across all sections.
• 🎭 Framer Motion Animations -- Smooth, immersive transitions & effects.
• 📂 Projects Section -- Showcases my highlighted works with interactive cards.
• 🧑‍💻 Experience Section -- Displays professional experience, skills, and media in an elegant big-card layout.
• ❌ 404 Page -- Custom theme-colored not found page.
• 📱 Responsive Design -- Optimized for desktop, tablet, and mobile.

---

📂 Project Structure

MarceVerse/
│── public/              # Static assets
│── src/
│   ├── components/      # Reusable components
│   ├── pages/           # Portfolio pages (Home, Projects, Experience, Contact, 404)
│   ├── data/            # JSON files (projects, experiences, skills)
│   ├── App.jsx          # Main app entry
│   ├── main.jsx         # Vite entry point
│── package.json
│── tailwind.config.js   # Tailwind + DaisyUI config
│── README.md

---

🎨 Theming

This portfolio uses DaisyUI theme colors:\

• primary -- Main highlight color\
• secondary -- Accent for sections\
• accent -- Extra interactive elements\
• base-200 / base-content -- Background and text

---

🔧 Setup & Installation

1. Clone the repository:

   git clone https://github.com/Marcuii/marceverse.git
   cd marceverse

2. Install dependencies:

   npm install

3. Run the development server:

   npm run dev

4. Build for production:

   npm run build

---

📬 Contact

• Name: Marcelino Emad Ibrahim Saad\
• LinkedIn: linkedin.com/in/marcelino-emad\
• GitHub: github.com/Marcuii

---

🌌 Step into the MarceVerse and explore my journey across code, design, and creativity.