An interactive web-based terminal portfolio with cursor trails, snow effects, and theme switching.
- 🖥️ Interactive terminal interface with command history
- ✨ Custom cursor trail animation
- ❄️ 3D snow effect using Three.js
- 🎨 Dark/Light theme toggle
- 📱 Fully responsive design
- 🔄 Real-time GitHub projects integration
- 🔒 Rate limiting and security features
help
- Display available commandswhoami
- About mesocial
- Show social media linksprojects
- View pinned GitHub projectsemail
- Open email composerhistory
- View command historyclear
- Clear terminalbanner
- Show welcome banner
- Frontend: HTML5, CSS3, JavaScript
- 3D Graphics: Three.js
- Backend: Express.js, Node.js
- APIs: GitHub GraphQL API
- Security: express-rate-limit, helmet
- Clone the repository
- Install dependencies:
npm install
- Create a
.env
file with your GitHub token:
GITHUB_TOKEN=your_github_token
- Start the server:
npm start
For development:
npm run dev
Cursor trail animation is optimized using requestAnimationFrame
:
const optimizedAnimateTrail = () => {
let frame;
return () => {
if (frame) cancelAnimationFrame(frame);
frame = requestAnimationFrame(animateTrail);
};
};
MIT License