Portfolio Website

🌟 Overview

A modern portfolio website built with GitHub Pages, featuring a stunning glassmorphism design. The website uses a beautiful color scheme of sky blue and soft pink, creating a professional and elegant appearance with both light and dark modes.

🎨 Design & Interface

• Primary Colors:
  • Sky Blue: #0EA5E9
  • Soft Pink: #EC4899
• Effects: Modern glassmorphism with blur effects
• Theme: Light/Dark mode support
• Responsive: Compatible with all devices

📋 Key Features

1. Portfolio Section

   • Project showcase with glassmorphism cards
   • Personal information and skills
   • About me and contact sections

2. Admin Dashboard

   • Project management system
   • Secure authentication
   • Add/Edit/Delete projects without coding
   • Encrypted credentials for security

💻 Project Structure

portfolio/
├── index.html          # Main page
├── admin/             # Admin section
├── assets/          
│   ├── css/          # Stylesheets
│   ├── js/           # JavaScript files
│   └── images/       # Image assets
└── projects/         # Project data

🔧 Technologies Used

• HTML5/CSS3
• Vanilla JavaScript
• GitHub Pages (hosting)
• Local Storage (admin data)
• CryptoJS (credential encryption)

🎯 Features

Light/Dark Mode

• Automatic system preference detection
• Manual toggle option
• Smooth transition effects
• Persistent user preference

Glassmorphism UI

• Blur effects: backdrop-filter: blur(12px)
• Transparent gradients
• Smooth animations
• Modern card design

Admin Panel

• Secure login system
• Encrypted credentials
• Project management interface
• Real-time preview

🚀 Getting Started

1. View Portfolio

   • Visit: https://teosushi1014.github.io

2. Admin Access

   • Go to: https://teosushi1014.github.io/admin
   • Use encrypted credentials
   • Manage projects through the interface

📝 Security Notes

• Admin credentials are encrypted
• Uses secure local storage
• Open-source safe implementation
• Regular security updates

🔗 Links

• Live Site: https://teosushi1014.github.io
• Repository: https://github.com/TeoSushi1014/teosushi1014.github.io

🤝 Contributing

1. Fork the repository
2. Create your feature branch
3. Commit your changes
4. Push to the branch
5. Open a pull request

📄 License

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