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.

1. Fork the Project
2. Create your Feature Branch (git checkout -b feature/AmazingFeature)
3. Commit your Changes (git commit -m 'Add some AmazingFeature')
4. Push to the Branch (git push origin feature/AmazingFeature)
5. 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.