Negasi Haile

Showcasing my projects, skills, experience, and contact information.

---

🚀 Tech Stack

🧰 Features

• 🎨 Fully responsive and mobile-friendly
• 🌙 Dark mode toggle
• 📂 Project and research papers showcase
• 📖 Rendering MDX based blogs
• 📄 Resume
• 📫 Contact list
• 📈 SEO optimized with meta tags

---

🔧 Setup

1. Clone the repository

git clone https://github.com/NegasiHaile/negasihaile.github.io

# Rename the project name to your own one
mv negasihaile.github.io YOUR_GITHUB_USERNAM.github.io

# Change directory
cd YOUR_GITHUB_USERNAM.github.io

2. Install dependencies

npm install
# or
yarn install

3. Run Locally

npm run dev
# or
yarn dev

Project structure

.
├── LICENSE
├── README.md
├── mdx-components.tsx
├── next-env.d.ts
├── next.config.ts
├── out
├── package-lock.json
├── package.json
├── postcss.config.mjs
├── public
│   ├── Resume.pdf
│   ├── file.svg
│   ├── globe.svg
│   ├── next.svg
│   ├── profile-pic.png
│   ├── testimonials
│   │   ├── 01.png
│   │   ├── [...].png
│   ├── vercel.svg
│   └── window.svg
├── src
│   ├── app
│   │   ├── blogs
│   │   ├── favicon.ico
│   │   ├── fonts
│   │   ├── globals.css
│   │   ├── layout.tsx
│   │   ├── not-found.tsx
│   │   ├── page.tsx
│   │   ├── projects
│   │   ├── publications
│   │   └── resume
│   ├── assets
│   ├── components
│   │   ├── footer.tsx
│   │   ├── image-slider.tsx
│   │   ├── navbar.tsx
│   │   ├── post-card.tsx
│   │   ├── profile.tsx
│   │   ├── projects.tsx
│   │   └── publication.tsx
│   ├── data
│   │   ├── posts.tsx
│   │   ├── projects.tsx
│   │   ├── publications.tsx
│   │   └── social_accounts.tsx
│   ├── types
│   │   └── index.ts
│   └── utils
│       ├── Popups
│       ├── cards
│       ├── icons
│       └── images.ts
├── tailwind.config.ts
└── tsconfig.json