A sleek and interactive macOS-style desktop experience built using React and modern frontend technologies. Macfolio transforms your browser into a fully functional desktop environment with draggable windows, a dock, and built-in applications.
👉 Add your live link here (Vercel / Netlify)
- macOS-inspired UI design
- Smooth animations and transitions
- Real desktop-like experience inside the browser
- Draggable and resizable windows
- Multiple apps open simultaneously
- Focus, minimize, and close controls
- Interactive app launcher
- Active app indicators
- Smooth hover effects
- Real-time clock
- System status indicators
- App-specific menus
- 🖥️ Terminal (CLI Emulator)
- 📝 Notes (Markdown Editor)
- 🧮 Calculator
- 🎵 Spotify Integration
- 🧑💻 GitHub Repository Viewer
- 📄 Resume Viewer
- Dynamic wallpapers
- Persistent settings using localStorage
- Custom right-click context menu
- Smooth animations (Framer Motion / GSAP)
- Responsive interaction system
| Layer | Technology |
|---|---|
| Frontend | React 19 |
| Bundler | Vite |
| Styling | SCSS / TailwindCSS |
| Animations | Framer Motion / GSAP |
| Window System | react-rnd |
| Terminal | react-console-emulator |
| Markdown | react-markdown |
# Clone the repository
git clone https://github.com/NasimReja077/macfolio.git
# Navigate to project folder
cd macfolio
# Install dependencies
npm install
# Run development server
npm run devsrc/
├── components/
├── apps/
├── hooks/
├── utils/
├── styles/
└── pages/
- File system simulation
- Drag & drop support
- Notification system
- Multi-user profiles
- PWA support
- Mobile optimization
(Add your project screenshots here)
Contributions are welcome!
# Fork the repo
# Create a new branch
git checkout -b feature/new-feature
# Commit your changes
git commit -m "Add new feature"
# Push to GitHub
git push origin feature/new-feature
This project is licensed under the MIT License.
Nasim Reja Mondal
- GitHub: https://github.com/NasimReja077
- Portfolio: Add your portfolio link
If you like this project, give it a ⭐ on GitHub!