beteabrham

Bete Abrham — Portfolio Website

Digital Marketing Strategist & UI/UX Designer based in Addis Ababa, Ethiopia.

A modern, fast, and responsive personal portfolio showcasing digital marketing campaigns, SEO/SEM strategies, and UI/UX design systems.

🚀 Tech Stack

🛠️ Getting Started

Prerequisites

Installation

  1. Clone the repository: 
    git clone https://github.com/beteabrham/beteabrham.git
cd beteabrham
  2. Install dependencies: 
    npm install
  3. Start the development server: 
    npm run dev
  4. Open http://localhost:3001 in your browser to view the site.

📦 Build & Production

To create an optimized production build:

npm run build

To run the production server locally:

npm run start

(Runs on port 3001: http://localhost:3001)

📁 Project Structure

├── app/
│   ├── globals.css        # Global CSS & Tailwind v4 theme definitions
│   ├── layout.tsx         # Root layout with SEO metadata & dark mode
│   └── page.tsx           # Home page aggregating all sections
├── components/
│   ├── About.tsx          # Info, narrative, and key career metrics
│   ├── Contact.tsx        # Direct contact, social links, and availability
│   ├── Experience.tsx     # Career journey, education, and certifications
│   ├── Footer.tsx         # Site footer and back-to-top navigation
│   ├── Hero.tsx           # Headline, portrait photo, and call-to-actions
│   ├── Navbar.tsx         # Sticky navigation with theme toggle (Dark/Light)
│   ├── Projects.tsx       # Featured project showcases & explorations
│   ├── Skills.tsx         # Core capabilities and service offerings
│   └── TechMarquee.tsx    # Infinite scrolling engineering ticker
├── lib/
│   ├── data.ts            # Portfolio data, links, bio, and content
│   └── utils.ts           # Class merging helper (clsx & tailwind-merge)
└── public/
    └── bete-smiling.png   # Profile portrait

📬 Contact & Socials

📄 License

This project is private and created by Bete Abrham. All rights reserved.