Personal Portfolio Website

Welcome to my portfolio! Check out my work and latest updates on my personal website.

A modern, responsive portfolio website built with Next.js, React, and Tailwind CSS.

Link: https://nathnael45.github.io/

🚀 Features

• Responsive design that works on desktop and mobile
• Dark/Light mode theme switching
• Smooth page transitions and animations
• Project showcase with image previews
• Skills section with categorized badges
• Contact information and social links
• Interactive UI components
• SEO optimized

🛠️ Built With

• Next.js 14 - React framework
• React 18 - JavaScript library
• Tailwind CSS - CSS framework
• shadcn/ui - UI components
• Lucide Icons - Icon set
• next-themes - Theme management

🏃‍♂️ Running Locally

1. Clone the repository:

git clone https://github.com/yourusername/Nathnael45.github.io.git
cd portfolio

2. Install dependencies:

npm install

3. Start the development server:

npm run dev

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

📁 Project Structure

portfolio/
├── app/                  # Next.js app directory
│   ├── about/           # About page
│   ├── projects/        # Projects page
│   ├── experience/      # Experience page
│   └── education/       # Education page
├── components/          # React components
│   ├── ui/             # UI components
│   └── ...             # Other components
├── public/             # Static assets
└── styles/             # Global styles

🎨 Customization

1. Update the personal information in app/page.tsx
2. Modify the theme colors in app/globals.css
3. Add your projects in app/projects/page.tsx
4. Update the experience section in app/experience/page.tsx
5. Modify the education details in app/education/page.tsx

📄 License

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

📫 Contact

Nathnael Tesfaw - nbt26@cornell.edu

LinkedIn - nathnael-tesfaw