Welcome to Folio-Motion, a stunning, interactive, and animation-rich developer portfolio built with the latest technologies: Next.js, Tailwind CSS, Framer Motion, ShadCN UI, and TypeScript. This portfolio is designed to showcase your skills, projects, and experience with smooth animations, dynamic hover effects, and a modern, responsive design. It's built to impress and provide an engaging user experience!
- 💫 Hero Section: Animated background and smooth introduction with dynamic text animations.
- 📱 Sticky & Interactive Navbar: Smooth scrolling and responsive design, with hover effects.
- 👤 About Me Section: Animated profile picture and bio with interactive progress indicators for your skills.
- 💻 Projects Section: Hoverable project cards with detailed modals, plus project categories filter.
- 🔧 Skills Section: Animated skill indicators and interactive icons for each technology.
- 🗣 Testimonials Section: Testimonial carousel with smooth transitions.
- ✉️ Contact Form: Fully interactive contact form with animated submit button and success message.
- 🌍 Responsive Design: Optimized for mobile, tablet, and desktop with smooth page transitions.
- ⚡️ Performance Optimized: Lazy loading, scroll-triggered animations, and server-side rendering.
- Next.js: Server-side rendering, routing, and optimized performance.
- Tailwind CSS: Utility-first CSS for fast and responsive design.
- Framer Motion: Dynamic animations for smooth transitions and hover effects.
- ShadCN UI: Modern UI components for consistency and professionalism.
- TypeScript: Type safety and maintainability throughout the codebase.
Follow these steps to get the project up and running locally:
git clone https://github.com/aniruddhaadak80/folio-motion.gitcd folio-motion
npm installnpm run devYour portfolio will be available at http://localhost:3000 🚀
- More interactive animations on various sections.
- Enhanced performance optimizations for faster load times.
- Additional project categories and filtering options.
- Multi-language support.
We welcome contributions! Please follow the steps below to contribute to this project:
- Fork the repository and clone it to your local machine.
- Create a new branch for your feature or bug fix.
- Make your changes and test them locally.
- Commit your changes with a descriptive message.
- Push to your fork and open a pull request to the main repository.
For more detailed instructions, check out the CONTRIBUTING.md guide. 📑
This project is licensed under the MIT License - see the LICENSE file for details.
If you have any questions or suggestions, feel free to reach out to me:
- Email: [email protected]
- GitHub: Profile