A modern, interactive portfolio website built with Next.js 15, featuring a unique VSCode-inspired interface design.

• VSCode-Inspired Interface: Interactive IDE-style layout with activity bar, file explorer, and terminal
• Modern Tech Stack: Built with Next.js 15, React 19, TypeScript, and Tailwind CSS 4
• Responsive Design: Fully responsive across all device sizes
• Interactive Elements: Smooth animations with Framer Motion
• Modular Architecture: Well-organized component structure following Next.js best practices
• Dark/Light Themes: Built-in theme switching capability
• Performance Optimized: Static export ready for GitHub Pages deployment

• Framework: Next.js 15.5.2
• Language: TypeScript 5
• Styling: Tailwind CSS 4
• Animations: Framer Motion
• Icons: Lucide React & React Icons
• Code Highlighting: React Syntax Highlighter
• Testing: Jest & React Testing Library
• Deployment: GitHub Pages with GitHub Actions

1. Clone the repository

   git clone https://github.com/CodeStormHub/codestormhub.github.io.git
   cd codestormhub.github.io

2. Install dependencies

   npm install

3. Run the development server

   npm run dev

4. Open your browser Visit http://localhost:3000 to see the result.

• npm run dev - Start the development server
• npm run build - Build the application for production
• npm run start - Start the production server
• npm run lint - Run ESLint
• npm test - Run tests
• npm run test:watch - Run tests in watch mode
• npm run test:coverage - Run tests with coverage

GitHub Actions automatically build and publish the static site to GitHub Pages whenever changes are pushed to main.

• Static Export: Configured for GitHub Pages deployment
• Automatic Deployment: Push to main branch triggers deployment
• GitHub Actions: Uses workflow in .github/workflows/deploy.yml

Built with a modular component structure:

• IDE Components: VSCode-style interface elements
• Portfolio Sections: Project showcase, services, team, testimonials
• UI Components: Reusable interface elements
• Context & Hooks: State management and custom logic
• TypeScript: Full type safety throughout

• Website: codestormhub.github.io
• GitHub: @CodeStormHub

⭐ If you found this project helpful, please give it a star!