https://github.com/ashref-dev/portfolio-2026
Portfolio v4 (2026) - Advanced portfolio with React, GSAP animations, and modern design
https://github.com/ashref-dev/portfolio-2026
gsap personal-website portfolio react typescript vite
Last synced: about 2 months ago
JSON representation
Portfolio v4 (2026) - Advanced portfolio with React, GSAP animations, and modern design
- Host: GitHub
- URL: https://github.com/ashref-dev/portfolio-2026
- Owner: Ashref-dev
- Created: 2026-01-04T01:01:18.000Z (6 months ago)
- Default Branch: main
- Last Pushed: 2026-03-30T18:11:52.000Z (3 months ago)
- Last Synced: 2026-03-30T20:07:29.777Z (3 months ago)
- Topics: gsap, personal-website, portfolio, react, typescript, vite
- Language: TypeScript
- Homepage: https://portfolio-ashref-gsap.vercel.app
- Size: 17.7 MB
- Stars: 1
- Watchers: 0
- Forks: 1
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- Agents: AGENTS.md
Awesome Lists containing this project
README
# ashref.tn
Personal portfolio of Mohamed Ashref Ben Abdallah — AI Engineer and Full-stack Developer based in Tunis, Tunisia.
## Stack
- **Framework:** React 19 + Vite 7
- **Language:** TypeScript
- **Styling:** Tailwind CSS v4 + custom CSS
- **Animation:** GSAP (ScrollTrigger) + Lenis smooth scroll
- **Package manager:** Bun
- **Deployment:** Vercel
## Project Structure
```
.
├── components/ # All UI components
│ └── ui/ # Low-level primitives
├── lib/ # Shared utilities (cn, etc.)
├── public/
│ └── assets/ # Static assets (images, resume, OG image)
├── App.tsx # Root component and layout
├── index.tsx # React DOM entry point
├── index.html # HTML shell with SEO and OG meta tags
└── index.css # Global styles and Tailwind base
```
## Local Development
**Prerequisites:** Bun (https://bun.sh)
```bash
bun install
bun run dev
```
## Production Build
```bash
bun run build
```
Output is placed in `dist/`. Deployed automatically on push to `main` via Vercel.
## Contact
hi@ashref.tn
https://ashref.tn