🌐 Elberte's Portfolio

A modern personal portfolio website built with SvelteKit and Tailwind CSS.

👨‍💻 About

This portfolio website showcases my professional experience, skills, and projects as a Software Engineer. It features a clean and intuitive user interface with a purple-themed design, focusing on presenting my work and skills in an engaging way.

🏗️ Architecture

This project is built with:

• SvelteKit: Frontend framework for building fast, SEO-friendly web applications
• Tailwind CSS: Utility-first CSS framework for styling
• Responsive Design: Optimized for all device sizes
• SEO Optimization: Structured for search engine visibility
• Analytics: Monitors website traffic and user behavior

🛠️ Tech Stack

• SvelteKit: Frontend framework
• TypeScript: Programming language
• Tailwind CSS: Styling
• Vite: Build tool
• Markdown: Content management
• Vercel: Deployment

🌟 Features

• Responsive design
• About section
• Experience timeline
• Tech stack showcase
• Education history
• Contact information
• SEO optimized
• Analytics

🚀 Getting Started

Prerequisites

• Node.js (>=22.x)
• npm or pnpm

Installation

1. Clone the repository

   git clone https://github.com/oElberte/elberte.com.git
   

2. Install dependencies

   npm install
   # or
   pnpm install
   

3. Run the development server

   npm run dev
   # or
   pnpm dev
   

📂 Project Structure

elberte.com/
├── src/
│   ├── routes/             # SvelteKit routes
│   ├── lib/                # Shared components and utilities
│   ├── app.html            # HTML template
│   └── app.css             # Global styles
├── static/                 # Static assets
│   ├── images/             # Images and icons
│   ├── fonts/              # Custom fonts
│   └── favicon.png         # Site favicon
├── tailwind.config.js      # Tailwind configuration
└── svelte.config.js        # SvelteKit configuration

🔗 Links

• Live Site: elberte.com
• GitHub: github.com/oElberte
• LinkedIn: linkedin.com/in/elberte