Macos Themed Portfolio
macOS-Themed Portfolio
A unique, interactive portfolio website inspired by the macOS interface : https://ssh-i.in || https://macosportfolio.netlify.app
ProjectOverview • Installation • Contributing • License •
Powered by SvelteKit, TailwindCSS and TypeScript.
ProjectOverview
This project is a personal portfolio website that mimics the look and feel of macOS. It features:
Core Features
- A desktop-like interface with Status Bar, Widgets and Dock
- Launchpad for an app-like experience
- Draggable and resizable windows
- Minimizable, maximizable and closable windows
Desktop Widgets
- Music Player
- Copyright Free playlist with play controls
- Genre selection and volume control
- Clock Widget
- Live date and time display
Applications
- Terminal
- Interactive command-line interface
- Supports basic Linux commands
- Blog Viewer
- Connected to Dev.to
- Read articles directly in the window
- Project Showcase
- Live GitHub repository integration
- Photo Gallery
- Personal photography collection
- Safari Browser
- Browse websites within the portfolio
installation
Clone the repo:
git clone https://github.com/ansxuman/macOS-Themed-Portfolio/
Install dependencies:
npm install
Run the development server:
npm run dev
Open http://localhost:1111 in your browser to see the result.
Build for production:
npm run build
To make the dev.to article work,update API Key in the .env file
DEV_TO_API_KEY=<YOUR_API_KEY>
Contributing
Contributions are what make the open-source community an incredible space for learning, inspiration, and creativity. Any contribution you make is deeply appreciated.
- Fork the Project
- Create your Feature Branch (
git checkout -b feature/AmazingFeature) - Commit your Changes (
git commit -m 'Add some AmazingFeature') - Push to the Branch (
git push origin feature/AmazingFeature) - Open a Pull Request
Donations
If you find this content useful, please consider donating to support its development and future improvements.
License
This project is licensed under the Apache-2.0 license.
