Programmer — Full-Stack Developer Portfolio

My personal portfolio site. Built with React, Vite, Tailwind CSS, and shadcn/ui.

What it does

• Dark/light mode (saves your preference)
• English + Arabic with RTL support
• Scroll animations with Motion
• Mobile-friendly with a hamburger menu
• Contact form
• Docker support

Tech stack

React 19, Vite 6, Tailwind CSS v4, shadcn/ui, Motion, react-icons, Redux Toolkit

Running it

npm install
npm run dev

Then open http://localhost:5173.

Docker

docker build -t learnrjs .
docker run -d -p 8080:80 learnrjs

Or with Docker Compose:

docker compose up -d

Open http://localhost:8080.

Project structure

src/
  components/
    sections/    # Hero, About, Skills, Projects, Experience, Services, Contact
    ui/          # shadcn components + motion stuff
  lib/
    translations.js  # All the text (EN/AR)
  store/         # Redux slices
  App.jsx
  main.jsx

Customizing

• Colors: src/index.css
• Content: data arrays in src/components/sections/*.jsx
• Text: src/lib/translations.js
• Logo: public/images/logo.png
• Fonts: Google Fonts link in index.html + tokens in src/index.css

License

Images from Unsplash (free for commercial use). Code is free to use.