A modern, responsive portfolio website built with React, TypeScript, and Tailwind CSS. This portfolio showcases my professional experience, projects, skills, and achievements as a Software Specialist.
Portfolio Website: https://sarker-portfolio.netlify.app/
- Modern Design: Clean, professional UI with smooth animations
- Responsive Layout: Optimized for all devices and screen sizes
- Dark/Light Theme: Toggle between themes for better user experience
- Interactive Components: Animated sections and smooth scrolling
- GitHub Integration: Real-time GitHub stats and repository information
- Performance Optimized: Fast loading with Vite build tool
- TypeScript: Full type safety and better development experience
- Accessibility: WCAG compliant design patterns
- React 18 - Modern React with hooks and functional components
- TypeScript - Type-safe JavaScript
- Tailwind CSS - Utility-first CSS framework
- Framer Motion - Smooth animations and transitions
- Lucide React - Beautiful, customizable icons
- Vite - Fast build tool and development server
- ESLint - Code linting and formatting
- PostCSS - CSS processing
- Autoprefixer - Automatic vendor prefixes
src/
βββ components/ # Reusable UI components
β βββ About.tsx # About section
β βββ Achievements.tsx # Achievements and stats
β βββ Contact.tsx # Contact form
β βββ Experience.tsx # Work experience
β βββ GitHubStats.tsx # GitHub statistics
β βββ Header.tsx # Navigation header
β βββ Hero.tsx # Hero section
β βββ Projects.tsx # Projects showcase
β βββ Skills.tsx # Skills section
β βββ ThemeToggle.tsx # Theme switcher
βββ contexts/ # React contexts
β βββ ThemeContext.tsx # Theme management
βββ data/ # Static data
β βββ portfolioData.ts # Portfolio information
βββ hooks/ # Custom React hooks
β βββ useGitHub.ts # GitHub API integration
β βββ usePerformance.ts # Performance monitoring
βββ utils/ # Utility functions
β βββ analytics.ts # Analytics tracking
βββ App.tsx # Main application component
- Node.js (v16 or higher)
- npm (v8 or higher)
-
Clone the repository:
git clone https://github.com/prodip2416/my-portfolio.git cd my-portfolio -
Install dependencies:
npm install
-
Start the development server:
npm run dev
-
Open your browser: Navigate to
http://localhost:5173
npm run dev- Start development servernpm run build- Build for productionnpm run preview- Preview production buildnpm run lint- Run ESLint
Modern React dashboard with 8+ chart types, professional exports, and theming for data visualization.
- Tech Stack: React, TypeScript, Chart.js, D3.js, Tailwind CSS
- Live Demo: https://prodip2416.github.io/data-insights-hub/
- GitHub: https://github.com/Prodip2416/data-insights-hub
Comprehensive e-commerce solution with real-time inventory management and payment integration.
- Tech Stack: Node.js, Express.js, MySQL, Sequelize, React
- GitHub: https://github.com/Prodip2416/e-com-service
Cutting-edge boilerplate with React, Redux, Ant Design, and Tailwind CSS.
- Tech Stack: React, Redux, Ant Design, Tailwind CSS
- Live Demo: https://prodip2416.github.io/RRAT_Stack/
- GitHub: https://github.com/Prodip2416/RRAT_Stack
Prodip Sarker - Software Specialist at SSL Wireless
- Experience: 4+ Years in Software Development
- Location: Dhaka, Bangladesh
- Specialization: Full-Stack Development, React, Node.js, TypeScript
- Software Specialist at SSL Wireless (2023 - Present)
- Software Engineer at Apsis Solutions Ltd. (2020 - 2023)
- Junior Software Engineer at Al-Hiyal Software (2018 - 2020)
- π 40% reduction in application load time
- π― 5 projects delivered ahead of schedule
- π§ͺ 90% automated testing coverage
- π₯ 15+ junior developers mentored
- β 95% client satisfaction score
- π 60% reduction in bug reports
JavaScript, TypeScript, React, Redux, Next.js, Tailwind CSS, Ant Design, HTML5, CSS3, Responsive Design, Chart.js, D3.js
Node.js, Express.js, NestJS, RESTful APIs, MySQL, Authentication, Authorization, C#, ASP.NET, Entity Framework
Git, VS Code, npm/yarn, Webpack, Docker, Jest, CI/CD, TFS, AWS
- Email: [email protected]
- LinkedIn: https://www.linkedin.com/in/prodip2416/
- GitHub: https://github.com/prodip2416
- Twitter: https://twitter.com/prodip_diu
- Portfolio: https://sarker-portfolio.netlify.app/
This project is open source and available under the MIT License.
Contributions, issues, and feature requests are welcome! Feel free to check the issues page.
Give a βοΈ if this project helped you!
Built with β€οΈ by Prodip Sarker