Portfolio website v2

Live Demo

Check out the live demo here

Description

This is my personal portfolio website built using Next.js 13 with TypeScript, Tailwind CSS, and Shadcn UI library. The website features a light and dark theme and includes three main pages: Home, About, and Projects. It is designed to be aesthetically pleasing and performs efficiently.

Tech Stack

• Next.js 13 - React framework for building web applications.
• TypeScript - A superset of JavaScript that adds static types.
• Tailwind CSS - A utility-first CSS framework.
• Shadcn UI Library (Insert link to Shadcn UI library)

Features 🚀

1. 🌒 Light and Dark Theme: Toggle between light and dark themes for a personalized experience.
2. Modern Looking Beautiful Sidebar Navigations 🌐
   • Enjoy seamless navigation with a visually appealing sidebar that enhances user experience.
3. Beautiful Modern UI/UX with Engaging Animations ✨
   • Experience a stunning user interface with modern design principles and engaging animations that captivate visitors.
4. Responsive Design 📱
   • Explore the portfolio on various devices, as the website is designed to be responsive and provide an optimal viewing experience across different screen sizes.
5. Categorized Projects 🗂️
   • Easily find and explore projects with a categorized display, allowing visitors to filter and view projects based on different criteria.
6. Single Project Details Page 📄
   • Dive into the details of each project with dedicated single project pages, providing comprehensive information, images, and any other relevant details.

How to Install

1. Clone the repository:

   git clone https://github.com/Louai-Zokerburg/portfolio-website.git

2. Change into the project directory:

   cd portfolio-website

3. Install dependencies:

   npm install

4. Start the dev server

   npm run dev

5. Access the website locally at localhost:3000