Skip to content

Prodip2416/my-portfolio

Repository files navigation

πŸš€ Prodip Sarker's Portfolio

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.

🌟 Live Demo

Portfolio Website: https://sarker-portfolio.netlify.app/

✨ Features

  • 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

πŸ› οΈ Tech Stack

Frontend

  • 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

Development Tools

  • ESLint - Code linting and formatting
  • PostCSS - CSS processing
  • Autoprefixer - Automatic vendor prefixes

πŸ“ Project Structure

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

πŸš€ Getting Started

Prerequisites

  • Node.js (v16 or higher)
  • npm (v8 or higher)

Installation

  1. Clone the repository:

    git clone https://github.com/prodip2416/my-portfolio.git
    cd my-portfolio
  2. Install dependencies:

    npm install
  3. Start the development server:

    npm run dev
  4. Open your browser: Navigate to http://localhost:5173

Available Scripts

  • npm run dev - Start development server
  • npm run build - Build for production
  • npm run preview - Preview production build
  • npm run lint - Run ESLint

🎯 Featured Projects

Data Insights Hub

Modern React dashboard with 8+ chart types, professional exports, and theming for data visualization.

E-commerce Starter

Comprehensive e-commerce solution with real-time inventory management and payment integration.

RRAT Stack Boilerplate

Cutting-edge boilerplate with React, Redux, Ant Design, and Tailwind CSS.

πŸ‘¨β€πŸ’» About Me

Prodip Sarker - Software Specialist at SSL Wireless

  • Experience: 4+ Years in Software Development
  • Location: Dhaka, Bangladesh
  • Specialization: Full-Stack Development, React, Node.js, TypeScript

Professional Experience

  • Software Specialist at SSL Wireless (2023 - Present)
  • Software Engineer at Apsis Solutions Ltd. (2020 - 2023)
  • Junior Software Engineer at Al-Hiyal Software (2018 - 2020)

Key Achievements

  • πŸš€ 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

πŸ› οΈ Skills

Frontend

JavaScript, TypeScript, React, Redux, Next.js, Tailwind CSS, Ant Design, HTML5, CSS3, Responsive Design, Chart.js, D3.js

Backend

Node.js, Express.js, NestJS, RESTful APIs, MySQL, Authentication, Authorization, C#, ASP.NET, Entity Framework

Tools & Technologies

Git, VS Code, npm/yarn, Webpack, Docker, Jest, CI/CD, TFS, AWS

πŸ“ž Contact

πŸ“„ License

This project is open source and available under the MIT License.

🀝 Contributing

Contributions, issues, and feature requests are welcome! Feel free to check the issues page.

⭐ Show Your Support

Give a ⭐️ if this project helped you!


Built with ❀️ by Prodip Sarker

About

My personal portfolio showcasing 5+ years of experience in JavaScript, TypeScript, React.js, Next.js, NestJS and modern front-end development.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

 
 
 

Contributors