Skip to content

Repository files navigation

Othmane Elliq — Portfolio

Live

Next.js TypeScript Tailwind GSAP


About

Personal portfolio showcasing my projects, skills, and experience as a Full Stack Developer. Built with performance and smooth UX in mind — every section is animated and fully responsive.

Live: https://portfolio-kappa-pearl-75.vercel.app


Tech stack

Layer Tech
Framework Next.js 14
Language TypeScript
Styling Tailwind CSS + shadcn/ui
Animations GSAP
Smooth scroll Lenis
Deployment Vercel

Features

  • Animated hero section with GSAP scroll triggers
  • Project showcase with live links
  • Interactive tech stack display
  • Responsive across all devices
  • Smooth page scrolling with Lenis
  • Clean, minimal dark design

Getting started

# Install dependencies
npm install

# Run development server
npm run dev
# → http://localhost:3000

# Build for production
npm run build

# Start production server
npm start

Project structure

.
├── src/
│   ├── app/          # Next.js app router
│   ├── components/   # UI components
│   └── styles/       # Global styles
├── public/           # Static assets
├── next.config.ts
├── tailwind.config.ts
└── tsconfig.json

Sections

  • Hero — intro with animated text
  • Work — selected projects with tech stack and links
  • About — experience, education, and skills
  • Contact — direct links to email, GitHub, and LinkedIn

Built by Othmane Elliq — Tetouan, Morocco

About

My personal portfolio — projects, skills, and contact, built with Next.js, TypeScript, Shadcn, and GSAP anumations

Topics

Resources

Stars

0 stars

Watchers

0 watching

Forks

Releases

Packages

Contributors

Languages