spacer
profile-card v0.1.0
A Next.js project for displaying a profile card with GitHub stats and experience information.
Author
Dependencies
- @fortawesome/fontawesome-svg-core: ^6.5.2
- @fortawesome/free-brands-svg-icons: ^6.5.2
- @fortawesome/free-regular-svg-icons: ^6.5.2
- @fortawesome/free-solid-svg-icons: ^6.5.2
- @fortawesome/react-fontawesome: ^0.2.2
- framer-motion: ^11.3.2
- lucide-react: ^0.408.0
- radix-ui/react-hover-card: ^0.1.0
- clsx: ^1.1.1
- next: 14.2.5
- react: ^18
- react-dom: ^18
- react-syntax-highlighter: ^15.5.0
Components
- ProfileCard
- TotalExperience
- GitHubStats
- TerminalAnimation
- Details
Features
- Interactive profile card with 3D tilt effect
- GitHub statistics display
- Total experience visualization
- Terminal-style animation
- Responsive design using Tailwind CSS
Scripts
dev: next dev
build: next build
start: next start
lint: next lint
All Packages
npm install command:
npm install @fortawesome/fontawesome-svg-core @fortawesome/free-brands-svg-icons @fortawesome/free-regular-svg-icons @fortawesome/free-solid-svg-icons @fortawesome/react-fontawesome framer-motion lucide-react radix-ui/react-hover-card clsx next react react-dom react-syntax-highlighter eslint eslint-config-next postcss tailwindcss
Dependencies
- @fortawesome/fontawesome-svg-core: ^6.5.2
- @fortawesome/free-brands-svg-icons: ^6.5.2
- @fortawesome/free-regular-svg-icons: ^6.5.2
- @fortawesome/free-solid-svg-icons: ^6.5.2
- @fortawesome/react-fontawesome: ^0.2.2
- framer-motion: ^11.3.2
- lucide-react: ^0.408.0
- radix-ui/react-hover-card: ^0.1.0
- clsx: ^1.1.1
- next: 14.2.5
- react: ^18
- react-dom: ^18
- react-syntax-highlighter: ^15.5.0
Dev Dependencies
- eslint: ^8
- eslint-config-next: 14.2.5
- postcss: ^8
- tailwindcss: ^3.4.1