VS Code Inspired Portfolio Template

This is a portfolio template built with Next.js and TypeScript, inspired by the VS Code interface. This project uses various packages and tools to create a sophisticated and visually appealing portfolio website.

Table of Contents

• Demo
• Features
• Technologies Used
• Getting Started
  • Prerequisites
  • Installation
  • Running the Development Server
• Contributing
• License

Demo

Check out the live demo of the portfolio template here.

Features

• Modern design inspired by VS Code
• Built with Next.js and TypeScript
• Responsive layout
• Animated text and project cards
• SVG icons for technologies
• Search bar functionality
• Integration with Tailwind CSS and shadcn for styling
• Icons from Lucide for UI design

Technologies Used

• Framework: Next.js
• Language: TypeScript
• Styling: Tailwind CSS, shadcn
• Icons: Lucide
• Additional Libraries: React, Redux/Toolkit, Framer Motion

Getting Started

Follow these instructions to set up the project locally.

Prerequisites

Make sure you have the following software installed on your machine:

• Node.js (version 14 or later)
• npm or Yarn

Installation

1. Download the ZIP file:

   • Go to the repository page.
   • Click on the "Code" button.
   • Select "Download ZIP".

2. Extract the ZIP file:

   Extract the downloaded ZIP file to a directory of your choice.

3. Navigate to the project directory:

   cd your-project-directory

4. Install the dependencies

   npm i
   

5. Start the Development server by running

   npm run dev