Awesome
<h1 align="center"> macOS-Themed Portfolio </h1> <br>A unique, interactive portfolio website inspired by the macOS interface : https://ssh-i.in || https://macosportfolio.netlify.app
<p align="center"> <a href="#projectoverview">ProjectOverview</a> • <a href="#installation">Installation</a> • <a href="#contributing">Contributing</a> • <a href="#license">License</a> • </p>
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.
<a href="https://buymeacoffee.com/ansxuman" target="_blank"><img src="https://cdn.buymeacoffee.com/buttons/v2/default-yellow.png" alt="Buy Me A Coffee" style="height: 60px !important;width: 217px !important;" ></a>
License
This project is licensed under the Apache-2.0 license.