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
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