A modern, responsive, and elegant portfolio website built with React, Tailwind CSS, and Lucide Icons.
It showcases personal information, projects, skills, and a contact form that allows visitors to reach out easily.
- ⚡ Responsive Design – Works perfectly on desktop, tablet, and mobile.
- 🎨 Modern UI/UX – Built with Tailwind CSS for a clean and professional look.
- 💬 Contact Form – Functional form powered by Formspree for direct message delivery.
- 🌌 Animated Backgrounds – Optional star and meteor animations for a dynamic feel.
- 🧩 Reusable Components – Built with modular React components.
- 🔗 Social Links – Quick access to LinkedIn, Instagram, Twitter, and more.
- React.js – Component-based UI framework
- Tailwind CSS – Utility-first CSS for rapid styling
- Lucide-react – Beautiful open-source icons
- Formspree – Easy form submissions to email (optional)
Modern-Portfolio/ │ ├── public/ # Static public assets (favicon, images, etc.) │ ├── src/ │ ├── assets/ # Local images, icons, and media files │ │ │ ├── components/ # All reusable UI components │ │ ├── ui/ # Shared UI elements (buttons, cards, etc.) │ │ ├── AboutSection.jsx │ │ ├── ContactSection.jsx │ │ ├── Footer.jsx │ │ ├── HeroSection.jsx │ │ ├── Navbar.jsx │ │ ├── ProjectsSection.jsx │ │ ├── SkillsSection.jsx │ │ ├── StarBackground.jsx │ │ └── ThemeToggle.jsx │ │ │ ├── hooks/ # Custom React hooks (e.g., useToast) │ │ │ ├── lib/ # Utility functions and helpers │ │ │ ├── pages/ # Page components for routing │ │ ├── Home.jsx │ │ └── NotFound.jsx │ │ │ ├── App.jsx # Root application component │ ├── index.css # Global styles │ └── main.jsx # App entry point │ ├── .eslintrc.cjs # ESLint configuration ├── .gitignore # Git ignored files list ├── banner.png # Portfolio banner or preview image ├── index.html # Main HTML template ├── package.json # Project metadata and dependencies ├── package-lock.json # Dependency lock file └── README.md # Project documentation