Portfolio Website

A modern, interactive portfolio website showcasing my projects, skills, and contact information. The site features a responsive design with engaging animations and a project carousel.

🌟 Features

• Responsive Design: Seamlessly adapts to all device sizes from mobile to desktop
• Interactive Elements: Animated background elements that respond to mouse movement
• Project Showcase: Interactive carousel to display projects with navigation controls
• Contact Form: Includes real-time email validation
• Modern UI: Clean, minimalist aesthetic with smooth animations and transitions
• Accessibility: Built with accessibility considerations in mind

🛠️ Technology Stack

• HTML5: Semantic markup for better accessibility and SEO
• CSS3: Modern styling with flexbox and CSS animations
• JavaScript: Vanilla JS for interactive elements and animations
• Responsive Design: Media queries ensuring compatibility across all devices

🚀 Project Structure

itenzin/
├── index.html               # Main HTML file
├── README.md                # Project documentation
├── public/                  # Public assets directory
│   ├── css/                 # CSS stylesheets
│   │   └── style.css        # Main stylesheet
│   ├── images/              # Image assets
│   │   ├── background.png   # Background image
│   │   ├── DermoHelper.png  # Project screenshot
│   │   └── ...              # Other project images
│   └── main.js              # Main JavaScript file
└── success.html             # Form submission success page

🔧 Core Components

Navigation System

The website features a responsive navigation menu that collapses into a mobile-friendly format on smaller screens.

Projects Carousel

A custom-built carousel showcases projects with previous/next navigation buttons. Features include:

• Smooth transitions between slides
• Mobile-friendly swipe gestures
• Responsive design that adapts to screen size

Background Animation

The background features animated ellipses that respond to mouse movement, creating a subtle parallax effect that adds depth to the user experience.

Form Validation

The contact form includes real-time email validation that provides immediate feedback as users type.

📱 Responsive Design

The website is designed to work on:

• Mobile devices (portrait and landscape)
• Tablets
• Desktops and laptops
• Large screens

🚀 Getting Started

Prerequisites

• A modern web browser (Chrome, Firefox, Safari, Edge)

Installation and Setup

1. Clone the repository:

   git clone https://github.com/TenzinNsut/itenzin.git
   

2. Navigate to the project directory:

   cd itenzin
   

3. run on local server:

   npm install
   node app.js
   

4. The website should now be running at http://localhost:3000

💡 Future Enhancements

• Dark/Light theme toggle
• More interactive project details with expanded views
• Blog section for sharing insights and experiences
• Integration with a backend for form submission

📄 License

This project is licensed under the MIT License - see the LICENSE file for details.

📞 Contact

Tenzin Lekshey - bestg4u@gmail.com

Project Link: https://github.com/TenzinNsut/itenzin

---

Made with ❤️ by Tenzin Lekshey