Skip to content

Latest commit

 

History

History
90 lines (65 loc) · 3.7 KB

README.md

File metadata and controls

90 lines (65 loc) · 3.7 KB

Lunia290 OS Portfolio

Lunia290 OS is a highly immersive, iPadOS-inspired digital portfolio designed to bridge the gap between imagination and reality. Built with a focus on "crafted" UI/UX, it features a sleek glassmorphic aesthetic, interactive 3D motion effects, and a robust widget-based architecture.

✨ Key Features

📸 Screenshots

Screenshot 2026-03-02 195643 Screenshot 2026-03-02 195625 Screenshot 2026-03-02 195608 Screenshot 2026-03-02 195512 Screenshot 2026-03-02 195714 Screenshot 2026-03-02 195701

🖥️ Immersive OS Interface

  • Dynamic Header: Features a responsive logo with hover animations and a glassmorphic real-time clock.
  • Interactive Dock: A floating, iPadOS-style navigation dock for seamless multitasking between apps.
  • Glassmorphism: Extensive use of backdrop blurs, subtle borders, and layered gradients for a premium "frosted glass" feel.

💬 Advanced Messaging System

  • Independent Scrolling: A dual-pane layout where the contact list and chat history scroll independently.
  • Full Contact Visibility: Optimized sidebar width (400px) and height (600px) to ensure contact names and previews are never truncated.
  • Custom Scrollbars: High-fidelity, theme-aware scrollbars that match the system's aesthetic.

📊 Interactive Widgets

  • Music Player: A "Now Playing" widget with rotating album art and functional playback controls.
  • Profile Card: Displays user stats and professional summary with a 3D tilt effect.
  • Search System: Global search functionality with trending topics and recent history.

🎨 Design & Performance

  • Theme Support: Fully integrated Light and Dark modes with smooth transitions.
  • 3D Motion: Powered by Framer Motion for fluid layout transitions and interactive 3D hover effects.
  • Responsive Design: Desktop-first precision with a mobile-optimized experience for all core components.

🛠️ Tech Stack

  • Framework: React 18+
  • Build Tool: Vite
  • Styling: Tailwind CSS
  • Animations: Framer Motion
  • Icons: Lucide React
  • Language: TypeScript

🚀 Local Setup Guide

Follow these steps to get the project running on your local machine:

1. Prerequisites

Ensure you have Node.js (v18 or higher) and npm installed.

2. Clone the Repository

git clone https://github.com/augustdev290/Lunia290-OS.git
cd Lunia290-OS

3. Install Dependencies

npm install

4. Run Development Server

npm run dev

The application will be available at http://localhost:3000.

5. Build for Production

npm run build

The production-ready files will be generated in the dist/ directory.

📄 License

This project is licensed under the MIT License.

🎉 Credits

Built by augustdev290 – thank you for using and contributing!
Feel free to open issues or pull requests with improvements.

Happy coding!
Let me know if you’d like help customizing or deploying this dashboard.