Welcome to the official repository of husanbek-coder.uz – a stunning, interactive 3D portfolio web application built with modern full-stack technologies. This project showcases a developer's identity through dynamic visuals, theme switching, smooth animations, and real-time content integration.
- ✅ Build an interactive and animated portfolio with 3D effects.
- ✅ Implement dark/light mode for accessibility and user preferences.
- ✅ Ensure responsive design for all screen sizes.
- ✅ Integrate full-stack features (backend + frontend).
- ✅ Serve as a template for other developers or students.
| Feature | Description |
|---|---|
| ⚙️ Full Stack | Backend and frontend integration using modern tools. |
| 🎨 Dark/Light Mode | Toggle between beautiful dark and light themes with smooth transitions. |
| 🌀 3D Animations | Engaging 3D effects using libraries like three.js or CSS/JS animations. |
| 📱 Responsive Design | Optimized for mobile, tablet, and desktop screens. |
| 🧑💻 Portfolio Ready | Includes sections like About Me, Projects, Skills, Contact, and more. |
| 🌍 Multi-language Ready | Structure supports future i18n implementation (Uzbek, Russian, English). |
| 📩 Contact Form | Functional contact form with validation and backend support. |
| 🖼️ Project Gallery | Image or card-based layout of completed works. |
| 🧠 Interactive UI | Cursor effects, scroll animations, and navigation transitions. |
- HTML5, CSS3, JavaScript (ES6+)
- Three.js / GSAP – For 3D and motion animations
- TailwindCSS – Modern, utility-first CSS framework
- Framer Motion – For smooth UI transitions (optional)
- Responsive Layout – Media queries & Flex/Grid systems
- Node.js + Express – Backend API & server
- MongoDB / Mongoose – NoSQL database for storing contact form data or project info
- EmailJS / Nodemailer – For sending emails from contact form
- Vercel / Render / Netlify (Frontend)
- Railway / Cyclic / Heroku (Backend)
husanbek-coder.uz-3d-web-app/ │ ├── client/ # Frontend source │ ├── assets/ # Images, icons, fonts │ ├── components/ # Reusable UI components │ ├── pages/ # Home, About, Projects, Contact │ └── styles/ # CSS / Tailwind files │ ├── server/ # Backend source │ ├── routes/ # API routes (contact form etc.) │ ├── controllers/ # Business logic │ └── config/ # DB config and env setup │ └── README.md
git clone https://github.com/xusanbek0039/husanbek-coder.uz-3d-web-app.git
cd husanbek-coder.uz-3d-web-appgit clone https://github.com/xusanbek0039/husanbek-coder.uz-3d-web-app.git
cd husanbek-coder.uz-3d-web-app- Setup the Backend
cd server
npm install
npm run devMake sure MongoDB is running and .env file is configured properly.
📮 Contact Feel free to reach out if you'd like to collaborate or have feedback!
📧 Email: [itpark0071@gmail.com]
🌐 Website: https://husanbek-coder.uz
🧑💻 GitHub: https://github.com/xusanbek0039
📜 License This project is licensed under the MIT License. See the LICENSE file for more info.
❤️ Special Thanks This project is powered by passion for clean code, modern web design, and the developer community in Uzbekistan 🇺🇿.