8000 GitHub - ahmedtouzani/portfolio: A modern, captivating portfolio website that showcases my journey as a Full Stack Developer. Built with passion using HTML, CSS, and JavaScript, featuring an elegant design that blends contemporary aesthetics with Moroccan cultural elements.
[go: up one dir, main page]
More Web Proxy on the site http://driver.im/
Skip to content

A modern, captivating portfolio website that showcases my journey as a Full Stack Developer. Built with passion using HTML, CSS, and JavaScript, featuring an elegant design that blends contemporary aesthetics with Moroccan cultural elements.

Notifications You must be signed in to change notification settings

ahmedtouzani/portfolio

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

6 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

🌐 Ahmed Touzani's Portfolio

A modern, captivating portfolio website that showcases my journey as a Full Stack Developer. Built with passion using HTML, CSS, and JavaScript, featuring an elegant design that blends contemporary aesthetics with Moroccan cultural elements.

Portfolio Preview

✨ Key Features

  • Stunning UI/UX

    • Clean, minimalist design with thoughtful animations
    • Intuitive navigation and seamless user experience
    • Dark/Light mode toggle for comfortable viewing
  • Interactive Elements

    • 🦸‍♂️ Dynamic hero section with profile spotlight
    • 💼 Project showcase with live demos
    • 🎯 Skills matrix with progress indicators
    • 📬 Smart contact form with real-time validation
  • Cultural Integration

    • Moroccan-inspired patterns and motifs
    • Elegant color palette with gold accents
    • Bilingual support (English/Arabic)
  • Technical Excellence

    • 📱 Fully responsive across all devices
    • ⚡ Optimized performance (90+ Lighthouse score)
    • 🔒 Security best practices implemented
    • 📊 Analytics integration

🛠️ Tech Stack

Frontend

  • HTML5 & CSS3 (Flexbox, Grid, Custom Properties)
  • JavaScript (ES6+)
  • AOS (Animate On Scroll)
  • SweetAlert2

Integrations

  • EmailJS for contact functionality
  • Font Awesome icons
  • Google Fonts
  • Google Analytics

🚀 Quick Start

  1. Clone the repository:
git clone https://github.com/ahmedtouzani/portfolio.git
  1. Navigate to project:
cd portfolio
  1. Launch locally:
  • Open index.html in your browser, or
  • Use a local server (recommended):
    npx serve

⚙️ Configuration

EmailJS Setup

  1. Sign up at EmailJS
  2. Create an email service
  3. Set up your email template
  4. Configure in main.js:
    emailjs.init("YOUR_PUBLIC_KEY");

Analytics Setup

  1. Create a Google Analytics account
  2. Add your tracking ID to index.html

📱 Mobile Support

The portfolio is optimized for:

  • iOS/Android devices
  • Tablets
  • Desktop/Laptop screens

🤝 Contributing

Feedback and contributions are welcome! To contribute:

  1. Fork the repository
  2. Create your feature branch (git checkout -b feature/AmazingFeature)
  3. Commit changes (git commit -m 'Add AmazingFeature')
  4. Push to branch (git push origin feature/AmazingFeature)
  5. Open a Pull Request

📄 License

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

📬 Contact

Ahmed Touzani - @AhmedTouzani - touzaniahmed39@email.com

Project Link: https://github.com/ahmedtouzani/portfolio


Made with ❤️ in Morocco

About

A modern, captivating portfolio website that showcases my journey as a Full Stack Developer. Built with passion using HTML, CSS, and JavaScript, featuring an elegant design that blends contemporary aesthetics with Moroccan cultural elements.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published
0