Portfolio

Interactive Developer Portfolio 💻🤖

A premium, state-of-the-art developer portfolio showcasing advanced full-stack engineering capabilities alongside specialized expertise in Applied AI, Retrieval-Augmented Generation (RAG), and Agentic AI workflows.

🛠️ Built With

Frontend & Aesthetics

React 19 & Next.js (App Router Architecture)
WebGL Fluid Simulation — Interactive background physics simulation custom-tuned for color-rich, low-glow fluid trails on mouse hover, clicks, and touches.
Vanilla CSS (Glassmorphism) — Premium frosted glass components, responsive grid systems, and subtle hover animations with custom shadow glows.

Backend & Database

Neon Serverless Database — Relational database connection using postgres integrations.
Next.js API Routes — Secure endpoints for pulling dynamically updated portfolio data (skills, projects, credentials, resume cv links).

Administration Portal

Secure Admin Dashboard — An integrated admin workspace to dynamically create, edit, or delete projects, upload certificate credentials, edit contact configs, and add skill badges.

🚀 Core Expertise (What I Do)

Full-Stack Development — Crafting highly responsive single-page applications and performant API servers using JavaScript/TypeScript, React, Ruby on Rails, and SQL schemas.
Applied AI Integration — Orchestrating LLM connections, prompt engineering pipelines, and custom interface logic to implement smart features directly inside client products.
Retrieval-Augmented Generation (RAG) — Designing vector database ingestion pipelines, semantic searches, and context retrieval queries to augment model outputs.
Agentic AI Orchestration — Constructing autonomous agent flows containing cognitive step loops, programmatic tool calls, and structured output validations.
Project Management — Leading software development lifecycles with Agile workflows, scope definition, sprint planning, and cross-functional team collaborations.
Quality Assurance & Testing — Implementing robust unit, integration, and end-to-end testing strategies alongside automated CI/CD audits to guarantee reliability.

🎬 Getting Started

Prerequisites

Make sure you have Node.js (version 18+ recommended) installed.

Setup

Clone the repository.
Create a .env.local file in the root directory and add your Neon Database connection URL:
```
DATABASE_URL="your-neon-database-connection-string"
```
Install dependencies:
```
npm install
```

Development Server

Run the local dev server:

npm run dev

Open http://localhost:3000 with your browser to view your portfolio.

Production Build

Verify compilation and compile optimized assets:

npm run build

👤 Author

Sahar Saba Amiri

Gmail: saharsaba.amiri123@gmail.com
LinkedIn: Sahar Saba Amiri
GitHub: @Sahar-SE

⭐️ Show your Support

Give a star ⭐️ if you like this project!