Old Portfolio Website

nextjs typescript tailwindcss shadcn

My Old Portfolio Website

Portfolio Preview

Overview

This is my personal portfolio website designed to showcase my work, skills, and projects in a visually engaging and efficient manner. Built with Next.js 13, TypeScript, Tailwind CSS, and Shadcn UI, the website features a modern and responsive design with a focus on UI/UX and performance.

Key Features

  • 🌒 Light & Dark Mode – Toggle between themes for a customizable experience.
  • 🌐 Modern Sidebar Navigation – Smooth and aesthetically pleasing navigation.
  • Beautiful UI/UX with Animations – Engaging user experience with modern design principles.
  • 📱 Responsive Design – Optimized for desktops, tablets, and mobile devices.
  • 🗂️ Categorized Projects – Filter projects by categories for easy browsing.
  • 📄 Single Project Details Page – Dedicated pages for each project with descriptions and visuals.

Tech Stack

  • Next.js 13 – React framework for building optimized web applications.
  • TypeScript – Enhancing JavaScript with static typing.
  • Tailwind CSS – A utility-first CSS framework for fast styling.
  • Shadcn UI – A customizable UI component library.

How to Install

  1. Clone the repository:

    git clone https://github.com/Louai-Zokerburg/portfolio-website.git
  2. Navigate to the project directory:

    cd portfolio-website
  3. Install dependencies:

    npm install
  4. Start the development server:

    npm run dev
  5. Open your browser and visit http://localhost:3000 to see the portfolio in action.


This version of my portfolio represents my expertise in full-stack development, UI/UX design, and modern web technologies.