🌐 MelHub - My Personal Social Links Hub

👋 Hey, I'm Melvin!

Welcome to my social links hub! I built this project as a personal portfolio site to connect with others across all my social platforms in one clean, stylish interface.

✨ About This Project

MelHub is a React-based web application that serves as my personal landing page for all my social media accounts. I built it from scratch to show off my web development skills while creating something useful for myself and others who want to connect with me.

🚀 Features

• Dark/Light Mode - Switch between themes based on your preference
• Music Player - Listen to a selection of my favorite instrumental tracks while browsing
• Profile Image Carousel - See different photos with smooth transitions
• Customized Social Links - Visual gradient backgrounds for each platform
• Interactive Elements - Hover effects and animations enhance the user experience
• QR Code Generation - Easily share my profile on mobile devices
• Share Options - One-click sharing to popular social platforms
• Visitor Counter - Track how many people have viewed my profile
• Responsive Design - Perfect viewing on any device

💻 Tech Stack

• Frontend Framework: React.js
• Styling: Tailwind CSS
• Animations: Framer Motion
• Icons: React Icons
• Build Tool: Vite
• Performance: Code splitting, lazy loading

🛠️ Development

I designed this project with both aesthetics and performance in mind. If you're curious about how I built it:

Setup & Running Locally

1. Clone the repo

   git clone https://github.com/melvinperalta/melhub.git
   cd melhub

2. Install dependencies

   npm install

3. Start the development server

   npm run dev

Customizing For Your Own Use

If you like my design and want to fork this for your own social hub:

1. Edit socialLinks.js to add your own platforms
2. Replace profile images in /assets/icons/
3. Add your own music to /public/music/
4. Update personal information in App.jsx

📸 Screenshots

Dark Mode

Light Mode

📱 Mobile View

📞 Connect With Me

This project makes it easy to find me on other platforms, but you can also:

• 📧 Email me at: melvin.peralta@example.com
• 💼 Visit my portfolio: melvinperalta.com
• 🐦 Twitter: @mellowdlc

📜 License

Personal and Proprietary

This project and all its code are personal and proprietary. The code is not open source and is not available for use, modification, or distribution without explicit written permission from Melvin Peralta.

Copyright (c) 2023 Melvin Peralta. All rights reserved.

Please respect my intellectual property. If you're interested in using any part of this code for your own projects, please contact me directly for permission.

---

Built with ❤️ by Melvin Peralta © 2023