A sleek, dark-themed portfolio landing page for an AI Engineer. Features smooth scroll-driven animations, a modern Vercel-inspired aesthetic, and a Telegram-integrated contact form. Built using Subagent Driven Development (SaDD).
- React 19 — UI framework
- Vite 8 — Build tool with HMR
- Tailwind CSS v4 — Utility-first styling
- GSAP 3.14 — Scroll-triggered animations
| Section | Description |
|---|---|
| Hero | Animated intro with name, title, and CTA |
| About / Skills | Bio and technical skill badges |
| Projects | Featured work with links and descriptions |
| Experience | Professional timeline |
| Testimonials | Colleague and client quotes |
| Contact | Form that sends messages via Telegram bot |
# Install dependencies
npm install
# Start dev server (http://localhost:5173)
npm run dev
# Production build
npm run build
# Preview production build
npm run previewsrc/
├── components/
│ ├── HeroSection.jsx
│ ├── AboutSection.jsx
│ ├── ProjectsSection.jsx
│ ├── ExperienceSection.jsx
│ ├── TestimonialsSection.jsx
│ ├── ContactSection.jsx
│ ├── Header.jsx
│ ├── Footer.jsx
│ └── ui/ # Reusable UI primitives
├── constants/
│ ├── data.js # Section content and copy
│ └── designTokens.js # Shared design tokens
├── hooks/ # Custom React hooks
├── App.jsx # Root layout and section composition
└── main.jsx # Entry point
Hosted on Cloudflare Pages. Pushes to the prod branch trigger an automatic build and deploy.
| Setting | Value |
|---|---|
| Build command | npm run build |
| Output directory | dist |
| Branch | prod |
MIT