Skip to content

Larusdi/portfolio-latif

Repository files navigation

🚀 Latif Rusdi — Portfolio Website 2025 🔥

A futuristic, AI-powered, music-enhanced interactive portfolio for the new web generation.

Repo Size Last Commit License


🧠 Overview

Welcome to the 2025 version of my personal portfolio!
Built with 💡 simplicity, 🎨 style, and 🤖 smart features — it’s more than a portfolio, it’s a full experience.


🌟 Key Features

🔹 Feature Description
🎧 Music Player Immersive background music with full control & sleek UI
🤖 Badut AI Assistant Fun AI chatbot with voice, emoji, and interactive bubbles
🎮 Mini Games Logic-based games for brain challenge lovers
🌙 Auto Dark/Light Mode Automatically adapts to user system theme
🎯 Dynamic Hero Section Animated typing and scroll effects for engaging intro
🔐 Auth Panel Slider Smooth panel transition for login/register (modern app-style)
🌀 Premium Preloader Stylish intro animation mimicking high-end systems
📢 Smart Popup Ads Auto popup with sleek design and dismiss feature
🧱 Clean Code Structure Modular folders for easy scaling and customization

🔧 Tech Stack

  • HTML5, CSS3, JavaScript
  • Libraries: Typed.js, Swiper.js, AOS.js
  • Extras: LocalStorage, GitHub Pages hosting

📁 Project Structure

portfolio-latif/
├── assets/
│   ├── css/          # Styling files
│   ├── icon/         # Custom icons
│   ├── img/          # Images & screenshots
│   ├── js/           # JavaScript (main, AI, logic)
│   └── pdf/          # Documents
├── index.html        # Main homepage
├── brain.html        # Game interface
├── pembayaran.html   # Payment UI
├── preview.png       # Project screenshot
├── LICENSE           # MIT license
└── README.md         # This documentation

🎥 Live Preview

Website Preview


🧪 How to Run (Offline)

git clone https://github.com/Larusdi/portfolio-latif.git
cd portfolio-latif
# Double-click index.html to launch

📌 No server setup required — fully static and fast!


🌐 Live Demo

👉 View Live Portfolio


📬 Contact Me


📄 License

Licensed under the MIT License.
Free to use, remix, and share — with credit to the original author 🙏


⭐ Support

If you like this project, please ⭐ it on GitHub!
Let’s build the future of the web — one project at a time.