A modern, responsive portfolio website built with React, TypeScript, and Tailwind CSS.
- Responsive design that works on all devices
- Dark mode support (default is dark mode)
- Interactive UI with animations
- Sections for projects, skills, experience, education, certifications, and contact
- Resume download functionality
- Contact form
- PostgreSQL: For relational database management (added as a skill and sample project)
- Next.js: For server-side rendering and static site generation (added as a skill and sample project)
- Node.js (v14 or higher)
- npm or yarn
- Clone the repository:
git clone https://github.com/yourusername/iflaq-the-dev.git
cd iflaq-the-dev- Install dependencies:
npm install- Start the development server:
npm run dev- Open your browser and navigate to
http://localhost:5173
The project uses the following main dependencies:
- React: UI library
- React Router DOM: For routing
- React Scroll: For smooth scrolling to sections
- Tailwind CSS: For styling
- Lucide React: For icons
- TypeScript: For type safety
To set up the resume download functionality:
- Upload your resume to Google Drive
- Get the file ID from the sharing link
- Replace
YOUR_FILE_IDin the Header and Hero components with your actual file ID
Update your contact information in src/services/api.ts:
- GitHub profile
- LinkedIn profile
- Twitter profile
- Instagram profile
Add or modify your projects in the projects array in src/services/api.ts.
Sample projects for PostgreSQL and Next.js have been added. Update their links and details as you build them!
The website defaults to dark mode. Users can toggle between light and dark mode using the button in the header.
To build the project for production:
npm run buildThe build files will be in the dist directory.
MIT# Portfolio