Modern Portfolio Website

A modern, responsive portfolio website built with Next.js, TypeScript, and Tailwind CSS. This project is a rebuild of Brittany Chiang's v4 portfolio, with my own modifications and improvements.

🙏 Acknowledgments

• Original design by Brittany Chiang

🚀 Features

• ⚡️ Next.js 14 with App Router
• 💎 TypeScript
• 🎨 Tailwind CSS for styling
• 📱 Fully responsive design
• 🌙 Dark theme
• 🎯 SEO optimized
• ⚡️ Fast loading and performance
• 🔍 Easy to customize

🛠️ Tech Stack

• Next.js - React framework
• TypeScript - Type safety
• Tailwind CSS - Styling
• Lucide Icons - Icons
• Framer Motion - Animations

🚀 Getting Started

Prerequisites

• Node.js 18.0.0 or later
• npm or pnpm or yarn

Installation

1. Clone the repository:

git clone https://github.com/elkhayate/merdashi-portfolio.git
cd merdashi-portfolio

2. Install dependencies:

npm install
# or
pnpm install
# or
yarn install

3. Update the content in src/data/:

   • personal.json - Your personal information
   • about.json - About section content
   • experience.json - Work experience
   • projects.json - Project details
   • social.json - Social media links
   • contact.json - Contact section content

4. Run the development server:

npm run dev
# or
pnpm dev
# or
yarn dev

6. Open http://localhost:3000 in your browser.

📝 Customization

Personal Information

Edit src/data/personal.json to update:

• Your name
• Title
• Email
• Resume URL
• Profile image

Projects

Edit src/data/projects.json to:

• Add/remove projects
• Update project details
• Add project images
• Update technologies used

Experience

Edit src/data/experience.json to:

• Update work history
• Add/remove jobs
• Modify responsibilities

Styling

The project uses Tailwind CSS for styling. You can customize:

• Colors in tailwind.config.ts
• Layout in app/page.tsx
• Components in components/ directory

🤝 Contributing

Contributions, issues, and feature requests are welcome! Feel free to check the issues page.

📧 Contact

Merdashi - @elkha_yate - [email protected]

Project Link: https://github.com/elkhayate/merdashi-portfolio