Portfolio — ZAHID MONDAL

Live Site: https://my-portfolio-three-chi-29.vercel.app/

A professional, responsive portfolio built with React, Vite and Tailwind CSS to showcase projects, skills, and contact information.

About

I am a full-stack developer who builds clean, accessible, and performant web experiences. This repository contains my personal portfolio site showing selected projects, a skills section, an interactive gallery, and a contact form.

Built With

• React
• Vite
• Tailwind CSS
• PostCSS

Highlights & Features

• Responsive layout with accessible navigation (Navbar.jsx).
• Projects gallery and masonry layouts (Gallery.jsx, MasonryGallery.jsx).
• Animated UI components and typewriter effects (TextType.jsx, animated UI in src/components/ui).
• Skills section with slider (SkillsSlider.jsx).
• Contact form for direct messages (ContactForm.jsx).

Quick Demo

• Live: https://my-portfolio-three-chi-29.vercel.app/

Run Locally

1. Clone the repo

git clone <your-repo-url>
cd my-react-portfolio

2. Install dependencies

npm install

3. Start development server

npm run dev

4. Build for production

npm run build
npm run preview

Project Structure (key files)

• src/ — source files and components
• src/components/ — UI components (Gallery, Skills, ContactForm, Navbar, etc.)
• index.html, vite.config.js — Vite entry and config
• tailwind.config.js, postcss.config.js — styling pipeline

Deployment

This site is deployed to Vercel. To redeploy, connect your Git repository to Vercel and push changes to your production branch.

Customizing

• Replace the placeholder name at the top of this file with your real name.
• Update content in src/components (About, Projects list, Contact) to reflect your real projects and contact methods.
• Add screenshots or an assets folder and reference them from README.md if you want visual previews.

Contact

Prefer email? Add a contact address here, or link your social profiles.

License

This repository is available under the MIT License. Replace or update this section if you prefer a different license.

---

If you'd like, I can:

• replace the placeholder name with your real name,
• add a projects list with links and short descriptions (I can scan src/ to suggest entries), or
• add badges and a screenshot section to the README.

Updated files: README.md