Interactive Portfolio

This project showcases a unique portfolio designed with a mobile-like experience, offering an interactive and engaging interface. It includes features such as a home screen, recent apps, notification bar, etc. This project will have look and feel of a modern mobile OS

Interactive Portfolio

This project brings a fresh perspective to presenting personal and professional achievements through a mobile-inspired portfolio. Designed with a modern mobile operating system's look and feel, it combines creativity with functionality to engage users in a highly interactive experience. This portfolio stands out by mimicking the elements of a smartphone UI, complete with a lock screen, home page, notification bar, recent apps section, and app-like pages. These features not only make it visually appealing but also provide a unique way to showcase skills, experience, and projects.



Why We Created This Portfolio?

This Mobile Portfolio is more than a resume; it’s a showcase of our creativity and skills as a developer. With interactive features and a mobile-first design, it stands out as an innovative way to present your work, leaving a lasting impression on potential clients or employers.

Features of the Mobile-Like Portfolio

  • Brightness Control

    • Adjustable brightness slider for a comfortable viewing experience.

  • Light/Dark Mode Switch

    • Easy-to-use toggle for switching between light mode (vibrant colors) and dark mode (soothing tones).

  • Lock Screen

    • A visually appealing lock screen that displays the time, date and battery information.

    • Unlock with a tap or swipe, transitioning smoothly to the home screen.

  • Clock and Battery Indicator

    • Displays the current time and battery percentage in real-time.

    • Mimics the look and functionality of a smartphone status bar.

  • Notification Bar

    • Shows sample notifications in top status bar.

    • Adds realism by emulating mobile OS notification styles.

  • Transitions

    • Smooth and fluid page transitions, including fade-ins, slides, and zoom effects.

    • Subtle animations enhance interactivity for buttons and navigation.

  • Carousel

    • An interactive carousel for showcasing projects, skills, or highlights and home pages.

    • Includes swipe or click navigation for a mobile-friendly experience.

  • Apps to Show Details About the Developer

    • Dedicated app-style pages to highlight key aspects of the developer:

      • GitHub App: Displays repositories, project details, and links.

      • Gmail App: Showcases professional email information and contact options.

      • Phone App: Provides clickable contact details and call-to-action buttons.

      • About App: Features a timeline of skills, projects, and professional milestones.

Each feature is thoughtfully designed to provide a mobile-inspired interface, ensuring a dynamic and immersive portfolio experience.

Technologies Used

  • Svelte
  • Javascript
  • TailwindCSS

Project Screenshots

Slide 1Slide 2Slide 3Slide 4Slide 5Slide 6Slide 7Slide 8Slide 9Slide 10