next: operating system based
HasanOS
ABOUT
A Next.js-powered interactive portfolio that mimics a desktop OS, showcasing my projects, skills, and experience with a unique, engaging interface.
It features draggable and resizable windows, interactive elements like a command-line interface and chatbot, and a modern, responsive design optimized for both desktop and mobile. Perfect for demonstrating my work in software engineering and product design in a creative and immersive way.
Tech Stack
Frontend Framework: Next.js, React
Styling: Tailwind CSS, tailwind-merge, tailwindcss-animate
Animations & Interactions: Framer Motion, Lottie, React Draggable
UI Components & Icons: Radix UI, Lucide React, Devicons React
State Management: Zustand
Carousel/Media: Embla Carousel
3D & Graphics: p5.js
Themes & Dark Mode: next-themes
Build & Optimization: Sharp, @next/bundle-analyzer
Forms & Embeds: Flowise Embed, Flowise Embed React
Description
HasanOS features a RAG-based personal AI chatbot, allowing users to chat with me and providing an interactive, personalized experience.
The site also has a responsive layout, adapting seamlessly to desktops, laptops, tablets, and mobile devices, ensuring an optimized view on every screen size.
