Skip to content

nazimpahore/My-Portfolio

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

16 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

💼 Personal Portfolio Website

A modern, responsive portfolio website showcasing my skills, projects, and certifications as a React Developer and UI/UX Designer.

Portfolio Preview HTML5 CSS3 JavaScript

✨ Features

  • Responsive Design - Fully responsive across all devices (mobile, tablet, desktop)
  • Dark/Light Theme - Toggle between dark and light modes with persistent storage
  • Animated Typing Effect - Dynamic hero section with rotating job titles
  • Smooth Scrolling - Seamless navigation between sections
  • Interactive Projects - Showcase of featured projects with links to live demos and GitHub repos
  • Skills Section - Visual representation of technical skills with animated progress bars
  • Certificates - Display of professional certifications and achievements
  • Contact Form - Integrated contact form using Web3Forms API
  • Scroll to Top - Convenient button for easy navigation

🚀 Technologies Used

  • HTML5 - Semantic markup and structure
  • CSS3 - Modern styling with custom properties, flexbox, and grid
  • JavaScript (ES6+) - Interactive functionality and animations
  • Font Awesome - Icon library
  • Google Fonts - Inter font family
  • Web3Forms - Contact form backend

📂 Project Structure

My Portfolio/
├── index.html          # Main HTML file
├── styles.css          # CSS styles and themes
├── script.js           # JavaScript functionality
├── mypic2.jpeg        # Profile image
└── README.md          # Project documentation

🎨 Sections

  1. Home/Hero - Introduction with animated typing effect
  2. About - Personal background and statistics
  3. Skills - Technical skills with progress indicators
  4. Projects - Featured work and side projects
  5. Certificates - Professional certifications
  6. Contact - Get in touch form and contact information

🛠️ Setup & Installation

  1. Clone the repository:
git clone https://github.com/nazimpahore/My-Portfolio.git
  1. Navigate to the project directory:
cd My-Portfolio
  1. Open index.html in your browser or use a local server:
# Using Python
python -m http.server 8000

# Using Node.js (with http-server)
npx http-server
  1. Visit http://localhost:8000 in your browser

🌐 Live Demo

🔗 View Live Portfolio

📧 Contact

📝 Featured Projects

  • E-Commerce Platform - HTML, CSS, JavaScript
  • Expense Tracker - React, Redux, Firebase
  • Weather Dashboard - HTML, CSS, API, Chart.js
  • Social Media Dashboard - React, TypeScript, REST API

🏆 Certifications

  • Professional Certificate in Agile and Scrum - Udemy
  • Curso IA Generativa + Prompt Engineering con ChatGPT-4 - Udemy
  • Disruptive Thinking: Innovation, Creativity, Transformation - Udemy

🎯 Key Features Implementation

Theme Toggle

  • Persistent dark/light mode using localStorage
  • Smooth theme transitions
  • Icon updates based on active theme

Typing Effect

  • Rotating job titles with typewriter animation
  • Smooth typing and deleting effects
  • Auto-cycling through multiple roles

Contact Form

  • Real-time form validation
  • Integration with Web3Forms API
  • Success/error notifications

📱 Browser Support

  • ✅ Chrome (latest)
  • ✅ Firefox (latest)
  • ✅ Safari (latest)
  • ✅ Edge (latest)

🤝 Contributing

Contributions, issues, and feature requests are welcome! Feel free to check the issues page.

📄 License

This project is open source and available under the MIT License.

👨‍💻 Author

M. Nazim


⭐ Star this repository if you found it helpful!

Made with ❤️ by M. Nazim

About

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

 
 
 

Contributors