Welcome to my portfolio project! This is a cutting-edge Next.js application showcasing my skills, projects, and experience. π Built with a blend of modern frameworks and tools, the portfolio serves as a central hub for my professional journey and creative work.
This portfolio is designed to:
- π Highlight my recent projects and professional experience.
- π¨ Provide a sleek, interactive design with responsive layouts.
- π Incorporate dynamic elements for an engaging user experience.
Check out the live website here: Portfolio Website π
- Modern Design: Powered by Tailwind CSS, the portfolio boasts a clean and responsive user interface.
- Dynamic Navigation: Features a floating navigation bar built with Framer Motion for smooth animations.
- 3D Visualizations: Integrates Three.js and @react-three/fiber for immersive 3D elements.
- Theme Switching: Supports light and dark mode with next-themes for user personalization.
- Error Monitoring: Uses Sentry for tracking and fixing errors seamlessly.
Here are the main technologies and libraries powering this portfolio:
- Next.js π
- React βοΈ
- Tailwind CSS π¨
- Framer Motion π₯
- Three.js π
- @react-three/fiber π οΈ
- clsx π οΈ
- tailwind-merge π
- postcss π
- TypeScript π»
- ESLint π§
- @sentry/nextjs π‘οΈ
To run this project locally, follow these steps:
git clone https://github.com/username/portfolio.git
npm install
npm run dev
Navigate to http://localhost:3000 to view the application.
To enable error monitoring and other advanced features, set up the following environment variables:
NEXT_PUBLIC_SENTRY_DSN
: Your Sentry Data Source Name.NEXT_PUBLIC_API_URL
: The base API URL (if applicable).
This portfolio is live on Azure Static Web Apps for seamless global availability.
Also configured for deployment via GitHub Pages to ensure redundancy.
Some planned enhancements include:
- π Adding more 3D visualizations.
- π Expanding project case studies.
- π Implementing advanced security features.
This project is personal but open to constructive feedback! Feel free to fork, star β, or create an issue for suggestions.
If you'd like to connect, reach out via email or check out my social media profiles on the site.
Built with β€οΈ using Next.js, Tailwind, and a passion for creativity!