A modern, responsive personal portfolio built with React, Tailwind CSS, and EmailJS.
Includes dark mode, contact form, blog links, and social media footer.
- 🌐 Multi-language support (EN · UZ · KO · RU) with i18next
- 🎨 Light and Dard Theme Design
- 🖼️ Responsive layout with Tailwind CSS
- 📂 Portfolio Projects Section (with GitHub links)
- 👤 About Me Section
- 📬 Contact Form (EmailJS integrated)
- 🌐 Blog Links: Telegram & Naver
- 🔗 Footer with GitHub, LinkedIn, Twitter, Instagram
- 🎯 Hover effects & animations
- React
- Tailwind CSS
- EmailJS
- Lucide React (for icons)
- Vite
src/
├── assets/ # Images and animations (like Lottie)
├── components/ # Reusable components (ProjectCard, Loading, Footer...)
├── sections/ # Section-based components (About, Projects, Skills, Contact)
├── pages/ # Page routes (Home, About, Projects, Contact, NotFound)
├── routes/ # Router configuration
├── data/ # JSON data (projects.json)
├── App.jsx # Main layout
├── index.css # Tailwind base styles
└── main.jsx # Entry point
public/
├── projects/ # Project cover images
├── resume/ # Resume files (resume.pdf, resume-kr.pdf)
└── ...
git clone https://github.com/DevFayzullo/portfolio.git
cd portfolio
npm install
npm run devVITE_EMAILJS_SERVICE_ID=your_service_id
VITE_EMAILJS_TEMPLATE_ID=your_template_id
VITE_EMAILJS_PUBLIC_KEY=your_public_key
- Update
src/data/projects.jsonwith your own project data. - Replace blog/social links in
Footer.jsxorContactSection.jsx. - Update "About Me" text with your personal story.
- Replace resumes in
public/resume/.
- Development Notes (EN): docs/notes.md
- 개발 메모 (KR): docs/notes.kr.md
- Telegram: Fayzulo's Life
- Naver Blog: @DevFayzullo
This project is open-source. You can use and modify it for personal or professional portfolios.
"The only way to do great work is to love what you do."
— Steve Jobs