A modern portfolio website showcasing your profile, tech stack, GitHub projects, GitHub statistics (repositories, followers, starred, etc.), personal blog, and social contacts. Built with Next.js, Tailwind CSS, and TypeScript, this portfolio is directly integrated with GitHub data and displays information dynamically.
Live demo is now available: Live Demo (Website)
- Profile / Home
- Blog
- Projects
- Socials
- Stats
- Dynamic GitHub data for profile stats, pinned repositories, followers, following, and starred repos
- Discord avatar and presence integration
- Tech stack showcase with animated marquee
- Responsive navigation for desktop and mobile
- Smooth page transitions with click sound effects
- Social contact links for Discord, email, GitHub, X, and Steam
- Node.js (LTS version recommended)
- npm, yarn, or bun
- Clone the repository
git clone https://github.com/88JC/Portfolio.git
cd Portfolio- Install dependencies
npm install
# or
yarn install
# or
bun install- (Optional) Set up environment variables in
.envto avoid GitHub API rate limits:
# GITHUB TOKEN
GITHUB_TOKEN=your_github_token- Run the development server
npm run dev
# or
yarn dev
# or
bun dev- Open http://localhost:3000 in your browser
This portfolio is optimized for deployment on Vercel:
Contributions are welcome! If you have suggestions or improvements, please fork the repository and submit a pull request. You can also open an issue to discuss potential changes or enhancements.
This project is open-sourced under the MIT License - see the LICENSE file for details.