A modern, animated developer portfolio built with Next.js, featuring fluid dynamics background that follows mouse movement, smooth animations, and a clean design using Tailwind CSS and shadcn UI components.
- 🎨 Fluid Dynamics Background - Interactive background that follows mouse movement
- ⚡ Smooth Animations - Framer Motion powered animations
- 📱 Responsive Design - Works perfectly on all devices
- 🎯 Tab-based Navigation - Clean organization of content sections
- 📊 JSON-driven Content - Easy to update profile information
- 🚀 Static Export - Optimized for GitHub Pages deployment
- 🎭 Dark Theme - Modern dark UI with gradient accents
- Framework: Next.js 14
- Styling: Tailwind CSS
- UI Components: shadcn/ui
- Animations: Framer Motion
- Icons: Lucide React
- Deployment: GitHub Pages
- Language: TypeScript
- Node.js 18+
- npm or yarn
- Clone the repository:
git clone https://github.com/Vin-dictive/Vin-dictive.github.io
cd Vin-dictive.github.io- Install dependencies:
npm install- Run the development server:
npm run dev- Open http://localhost:3000 in your browser.
Edit the data/profile.json file to update your personal information, skills, experience, projects, education, and certifications. The website will automatically reflect these changes.
npm run buildThis creates an optimized static export in the out directory.
The repository includes a GitHub Actions workflow that automatically deploys to GitHub Pages when you push to the main branch.
If you encounter any issues or have questions, please open an issue on GitHub.
Built with ❤️ using Next.js and deployed on GitHub Pages